바닐라JS로 크롬앱 만들기
1.#2.0~2.4
프로그래밍에서 가장 기본적인 데이터 타입 2가지.1\. integer (정수), float (실수)자바스크립트는 정수와 실수라고 알려주지 않아도 알아서 이해함.2\. text숫자는 자바스크립트가 알아서 이해하지만, 문자는 ""('')안에 적어줘야 문자로 인식함그리고 이
2.#2.4~ 2.7
Booleans 3가지의 데이터 타입이 존재. True : 참 False : 거짓 Null : 아무것도 없음 (없다는 것을 표현하기 위한 value) null은 자연적으로 나올 수 없는 값 Undefined : 정의되지 않음 (variable은 존재하지만 값이 없음)
3.#2.8~2.11
어떻게 함수로 데이터를 보내는가.객체에 함수를 쓰는 방법데이터 타입variable에 데이터 저장하는 법 ex. const , let, var데이터를 array 안에 정리하는 법 ex. const a = 10, 20, true;array 안의 데이터를 업데이트 하는 법
4.#2.12 ~ 15
return 실행시에는 해당 함수가 종료 -> return 뒤에 작업을 하게된다면 출력되지 않는다.return은 단어의 뜻대로 다시 돌려준다라는 의미로 해당 함수의 변수값을 지정해주면 해당 code를 안에서 실행해서 그 결과값을 해당 함수 변수값을 선안한 변수한테 다시
5.#2.16~3.2
if else 연산자 만들기 예시HTML이 CSS와 JS를 가져온다.JS를 사용하는 이유는 HTML과 상호작용하기 위해서.→ 즉, 마치 object에서 property를 바꾸는 것 처럼 HTML의 Element들을 JS로 변경하거나 가지고 올 수 있다.Console에서
6.#3.3~3.5
java script는 style을 변경 가능하다. script로도 할 수 있지만 대부분은 event를 listen 하는데 사용한다. 예를들어 마우스를 클릭, 마우스를 위에 올리기 등등 event들을 들으면 다른 기능을 활성화 될 수 있도록 기능을 사용한다.addeve
7.#3.6~3.8
클릭할 때 class를 추가하고, 또 다시 클릭할 때 class를 제거하기 functiontoggle의 기능h1의 classList에 clicked 클래스가 있는지 확인하여clicked 클래스가 있으면 classList에서 clicked 클래스 제거하고,clicked
8.#4.0~4.2
모든 것은 HTML에서 시작document 또는 하나의 element를 통해서 검색이 가능HTML에 이미 구현된 기능(인풋의 유효성검사)이 있으니 이것을 사용한다.근데 HTML에서 input의 유효성검사를 하기위해서는, 인풋이 form 태그 안에 들어가있어야한다. 따
9.#4.3~4.5
JS는 함수를 실행시키는 동시에 그 함수에 첫번째 인자에 object를 넣어준다. object에는 방금 일어난 event에 대한 여러정보가 담겨있다.addEventListner 안에 있는 함수는 직접 실행하지 않는다. 브라우저가 해준다. 브라우저는 이벤트에 대한 정보도
10.#4.6~5.0
(username) 이 인자로 오는 이유는, 위의 onLoginSubmit의 username을 h1의 내용에 넣어야 하기 때문에 데이터를 username으로 받기 때문이다. 같은 로직으로 하단의 if문에서는 username을 savedUsername라는 변수로 받기 때
11.#5.1~5.3
Timeouts and Dates PadStart Recap
12.#6.0~6.2
Quotes and background Quotes Background Recap
13.#7.0~7.2
함수 handletodosubmit 에 함수 painttodo 함수를 넣은 것처럼(painttodo();) function 안에 function 결과 값을 불러올 수도 있다.createelement로 html 안에 태그를 추가할 수 있다. createelement()
14.#7.3 ~ 7.5
하지만.. 효과음 재생이.. 안되는 수정해야할 거 같다
15.#7.6~7.8
Weather CSS
16.#8.0~8.2
Reset.js login.js