노마드코딩-자바스크립트로_크롬앱만들기

const : 상수 한번 선언하면 내용값을 변경할수 없다.let : 변수 언제든지 선언값 변경가능var : 구 버전에서 사용하는 변수 선언 명령어 let과 거의 같다 다른점은 선언 뒤에 또 선언해도 자바스크립트는 오류를 인식하지 못하고 나중에 선언된 변수값으로만 인식한

querySelector → css와 같은 방법으로 선택자를 선택할수있다.선택자의 첫번째 태그값만을 가지고 온다.querySelectorAll→ 선택자에 해당되는 모든값을 가지고와 배열로 저장한다

변수를 정의한다.함수를 만들어 함수를 실행시키면 나올 이벤트를 만든다변수안에 이벤트를 더한다 (이렇게 했을때, 이함수실행)

dir를 이용해 내가 원하는 요소에 속한 모든 이벤트를 확인할수있다.이 목록중 on으로 시작하는것이 이벤트 목록이고 이 이벤트를 실행하고싶으면 on을 빼고 쓰면 된다,onclick → click

위 아래 같은 코드이지만 변수를 선언함으로서 코드를 단순하게 쓸수있게 된다.

각 클래스마다 스타일을 주고 자바스크립트로 클래스이름을 변경하거나 부여한다className을 classname이라고 써서 작동하지 않는 오류가 있었따

인풋태그의 벨류값을 알아본다이름을 묻는 텍스트 인풋창을 만든다loginForm은 영역이기에 다른 태그들을 div 태그 안에 있는 input 등이라고 선언할수있다아무데나 되는건 아니고 영역태그만 가능하다위태그는이런 방식으로 ()괄호안에 후손선택자를 이용해 docume

자바스크립트로 id입력창의 유효성을 검사할수있다.자바스크립도 이런 유효성검사가 가능하지만 비효율적이다.따라서 같은 유효성검사는 HTML영역에서 하는 것이 좋다required : 반드시 작성해야 하는 폼maxlength="15" 15자 이상은 쓸수 없다

폼안에 있는 값은 버튼을 누르면 전송된다, 그래서 이번엔 click 이벤트가 아니라 submit이벤트가 되도록 수정했다함수안에 tomato라는 매개변수를 주고 그것이 어떤값을 가지고 있는지 콘솔로그로 확인했다. 이 매개변수는 submit이벤트 자체를 가지고 있다

로그인창 밑에 비어있는 h1태그를 만들고 해당 클래스가 보이지 않도록 css 코드를 작성한다.자바스크립트를 활용해 이름을 입력하면 로그인 폼이 사라지고 인사 메세지가 나오도록한다.이 두 코드는 같은 태그이다 자바스크립트는 안에 ${}로 표기한 변수명을 변수명에 할

setInterval을 통해 sayHello라고 정한 함수를 5초마다 한번씩 작동시킬수 있게 된다5초 뒤에 sayHello를 실행한다getClock을 먼저 실행시켜 처음부터 시계가 나타나게 하고 1초마다 업데이트 한다clock을 사용하여 innerText에 시계가 들

10개의 배열이 있다, 이 배열은 index 0부터 9까지 있으며 이 9개를 랜덤으로 출력할것이다.1~9까지의 수를 랜덤으로 뽑으려면 Math.random()\*10을 해주면 될것이다.위에서 만든 랜덤한 정수를 배열의 숫자로 적용하여 변수로 선언하였다,quotoes의

todoList를 전달할 form과 영역을 만들어둔다.input태그에 입력한 값을 받아온다 : todoInput.value;이 값을 new Todo로 선언하여 저장하고 input에 입력한 값은 초기화 한다.createElement를 활용하여 li태그를 생성한다, li안

createElement로 button을 생성하는 변수를 만든다.innerText를 이용해 버튼안에 출력될 문자열을 정한다.이제 이버튼을 addEventListner를 활용해 이벤트를 연결한다, 함수명() 을 넣으면 이벤트 자동실행 ()를 넣지 않고 이름만 넣으면 클릭

이제 천천히 그동안 못들었던 강의들을 들어서 마무리 해볼까 한다.배열을 저장하기 위해 번저 배열을 선언한다.입력한 toDo를 .push를 활용해 배열에 저장한다.배열을 로컬스토리지에 저장한다.저장된 배열은 그냥 값이 나열된것이다, 이것을 활용하기 위해서는 JSON으로

todo를 입력해 list를 만드는 코드에 id값을 만들어준다.newTodo로 입력되는 값을 Json을 이용해 text로 지정한다id는 현재 시간과 초가 밀리세컨드 단위로 지정하는 Date.now()를 이용한다, 이러면 id값이 절대 겹치지 않는다.배열을 저장하던 t

toDos = toDos.filter((toDo) => toDo.id !== parseInt(li.id)) filter를 사용해 목록을 지우려고 한다.어제 해당 목록에 id를 만들었기때문에 그것을 사용한다그러기위해서는 일단 filter의 사용법을 알아야 한다.(변수명)