스크립트파일은 맨아래 있어야함 바디의 #1-5 alert('im working im js') 경고메세지 만드는 코드 #1-6 variable (변수) 정의 : 변경되거나 변경될 수 있는 것. 예시 : a = 5 이다. a = 221로 정정한다. a는 빈 상자와 같다. 하나로 쓰이면 의미가 없지만 그 안에 무엇을 담느냐에 따라 우유상자가 될 수 있고 주스상자가 될 수도 있다. 우리는 빈 상자에 자유롭게 우유를 담기도, 주스를 담기도 한다. 이처럼 변경되거나 변경될 가능성이 있는 것. 이것을 변수라고 한다. JS 변수 기본문법 : 1. 문법은 한 줄에 하나씩 서술한다. 2. 문법이 끝나면 ; 부호를 넣어준다. 3. 변수의 시작에 let을 넣는다. (변수의 종류가 두가지라 이를 구분하기 위해 사용한다.) 변수..
분류 전체보기
To-do 리스트를 빌드해볼거다. greetings했던것과 비슷하다. todo.js 생성 후 html에 추가해보자. 그리고 toDoList를 입력 할 Form을 만들고, 그 아래에는 입력한 내용을 리스트 형태로 출력하기 위해 ul태그를 생성할거다. 만약에 toDos가 null이면 아무것도 하지 않을거다. 왜냐하면 greeting form과 다르게 이 form은 항상 입력창을 활성화 할것이므로(showing) 여기도 submit 했을 때 문제점을 해결하기 위해 이벤트를 가져올 때 event.preventDefault를 넣어줄거다. 엔터를 누르면 입력칸에 입력 내용이 그대로 남아있는데, 다음 내용을 입력할수있게 엔터를 누르면 공백이 되도록 만들어 줄거다. 이제 ul태그안에 li 를 만들어보자. PaintTo..
localStorage.setItem() 으로 key와 value를 각각 추가할 수 있다. 저장된 값을 가져올 때는 localStorage.getItem()을 사용한다. form, greeting class는 css에서 다루기 위해서 추가한 class 새로고침을 하면 화면에 입력한 User정보가 리셋되는걸 막기위해 localStorage에 정보가 저장되어 있으면, 그 값을 paintGreeting 함수를 통해서 화면에 출력해줄것이다. const form = document.querySelector(".js-form"), input = form.querySelector("input"), //form이 input의 부모이므로 . 붙이지 않고 가져옴 greeting = document.querySelector..
