728x90 반응형 개발공부104 [바닐라 js로 크롬 앱만들기] 인강정리 (#7) 목차 todo리스트만들기 todo리스트삭제기능 새로고침해도 todo리스트를 유지하고싶어 : 로컬스토리지 리스트가 덮어씌워지는걸 개선해보자 로컬스토리지 데이터 삭제하기 1. todo리스트 만들기 indext.html 00:00 Log in required: 필수요소로 지정하기 const toDoForm = document.getElementById("todo-form"); const toDoList = document.getElementById("todo-list"); const toDoInput = document.querySelector("#todo-form input") function paintToDo(newTodo) { const li = document.createElement("li"); co.. 2022. 4. 2. [바닐라 js로 크롬 앱만들기] 인강정리 (#5, #6) 목차 시계만들기 (일정간격으로 동작하도록하는 interval) 시계만들기 (자릿수를 채워주는 padStart()) 랜덤텍스트 (1이하의 랜덤한 소수를 만들어주는 Math.random()) 랜덤이미지 (html에서 요소를 새롭게 생성하는 createElement()) 1. interval :매번 일어나야하는 무언가. (ex. 2초마다), html 00:00 clock.js const clock=document.querySelector("h2#clock"); function getClock() { const date = new Date(); //console.log(`${date.getHours()}:${date.getMinutes}:${date.getSeconds`) clock.innerText = `${.. 2022. 3. 26. [바닐라 js로 크롬 앱만들기] 인강정리 (#4) #4강 (실습위주) 목차 id와 class document.getElementByid() input박스 버튼이 눌리는 이벤트추가해보기 div가 아닌 form을 사용해보자. submit은 새로고침되는 특징이있다. 새로고침하지않도록 submit조작하기 링크의 동작을 막는 조작하기 hidden을이용한 숨기기 스토리지 사용하기 1. document.querySelecor("#login-form") 버튼클릭시 이벤트 발생 -> 값을 입력하면 console에 찍히도록 추가 index.html Log in script.js //input과 button을 가져와봅시다. const loginForm = document.getElementById("login-form"); const loginInput = loginFor.. 2022. 3. 21. [바닐라 js로 크롬 앱만들기] 인강정리 (#3) #3 목차 element를 가지고오는 방법들 이벤트 2번을 좀 다른 방법으로 한다면... 컬러와같은 스타일은 css에서 적용하도록 해보자. classList 사용해보기 1. element를 가지고오는 방법들... ha 1 ha 2 ha 3 document.getElementsByClassName("클래스 명") : 여러개의 같은 element이름을 가진 애들을 한꺼번에 불러올때. -> document.getElementsByClassName("hello") // result : [h1.hello, h1.hello, h1.hello] document.querySelector(".hello h1") : class명이 hello인것중 하위의 h1에대해 가져오기 단,여러개인경우 처번째것만 가져온다. ->cons.. 2022. 3. 20. [바닐라 js로 크롬 앱만들기] 인강정리 (#1~#2 까지) 목차 자바스크립트의 특징 변수 null과 undefined array function 실습예제와 정리 자바스크립트의 특징 - 우리는 자바스크립트를 설치하지 않았지만, 그것을 크롬에서 빈번하게 사용했었다! - 브라우저에 자바스크립트가 내장되어있기때문이다. 변수 - const : 변하지않는 상수, 재할당 불가 (값을 추가하는것은 가능하나 업데이트가 불가하다.) - let : 값 변경가능, 재할당 가능함 - var : 중복선언이 가능하고, 함수레벨 스코프를 가진다. (하단 블로그참고) - 결론 ㅣ 대부분 const를 쓰고 -> 종종 let을 쓰고 -> var는 되도록 쓰지말자.(ES6 이후론안씀) null과 undefined - null : 자연적 발생 x, 비어있다는 자체를 표현하기위한 의도가있다. - um.. 2022. 3. 17. [스프링부트] 스프링 입문 - 코드로 배우는 스프링 부트(인프런, 김영한) 목차 1. 프로젝트 환경설정 2. 스프링 웹 개발 기초 3. 회원관리 예제 4. 스프링 빈과 의존관계 5. 웹mvc개발 (실습) 6. 스프링 db접근 기술 7. aop 공부한 김영한 강사님의 인프런 강의 링크 https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8/dashboard [무료] 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 - 인프런 | 강의 스프링 입문자가 예제를 만들어가면서 스프링 웹 애플리케이션 개발 전반을 빠르게 학습할 수 있습니다., - 강의 소개 | 인프런... www.inflearn.co.. 2022. 3. 2. 이전 1 2 3 4 5 6 ··· 18 다음 728x90 반응형
