Vanilla.js

integer (정수) - 1, 4, 11float (부동소수점) - 0.1, 4976.23text - "hello", "nowhere"true / falsenothing, 아무것도 없는 상태변수가 존재하지만 값이 주어지지 않았을 때.

const, let const: 추후 변동사항이 없는 변수 let: 추후 변동이 가능한 변수 * var 는 ES6 이전에 사용되던 키워드. 변수 재선언이 되어도 에러가 일어나지 않아 오류를 일으킬 수 있다. 를 사용하면 안되는 이유

: 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. .push() 를 사용해 배열에 값을 추가할 수도 있다.: 현실의 사물을 프로그래밍에 반영한 것! 객체는 속성의 컬렉션이다. 속성의 값이 함수인 경우에는 메서드(method)라고 부른다.: 하나의 특별한

return : 명령문은 1. 함수 실행을 종료하고, 2. 주어진 값을 함수 호출 지점으로 반환한다. 함수 본문에서 return 명령문에 도달하면 함수의 실행은 그 지점에서 중단된다(을 호출하는 지점에서 즉시 실행을 멈춤). 값을 제공한 경우 함수를 호출한 곳에 그

conditional : 조건문. → 문. 뒤에 바로 오는 소괄호()에는 조건이 들어간다. 혹은 를 리턴. 안의 코드는 조건이 를 반환할 때 실행된다. → ++ 연산자 : 1. = 논리 연산자 AND. 한 쪽이 면 조건 자체가 가 된다. = 논리 연산자 OR

how to bring elements from HTML to JS : 요소의 id 속성으로 불러오기. : 요소의 class 이름으로 불러오기. 한꺼번에 많은 요소들을 불러와야 할 때 사용한다. 리턴 값은 배열. : 요소의 tag 이름으로 불러오기. 한꺼번에 많은

: 프로그래밍하고 있는 시스템에서 일어나는 사건 혹은 발생(MDN), 예를 들어 유저가 특정 버튼을 클릭하거나, 혹은 특정 키를 입력했을 때. 브라우저는 이벤트를 감지할 수 있으며 이벤트 발생 시 알려줄 수도 있다. 이를 통해 웹페이지와 유저 간의 상호 작용이 가능하다

: className 은 특정 엘리먼트의 클래스 속성의 값을 가져오거나 설정할 수 있다. classList 는 공백으로 구분된 문자열인 Element.className 을 통해 엘리먼트의 클래스 목록에 접근하는 방식을 대체하는 간편한 방법이다. add(String) :

✦ local storage : localStorage를 사용하면, 브라우저에 key-value 값을 Storage에 저장할 수 있다. 저장한 데이터는 세션 간에 공유된다(= 새로 고침해도 저장한 데이터는 유지됨). 브라우저를 다시 실행해도 데이터가 사라지지 않고 남아

✦ : 의 경우 웹페이지의 특정 부분을 주기적으로 업데이트 해줘야하거나 변경된 데이터를 주기적으로 받아와야 하는 경우 사용한다(ex. 시계).

randomness ✦ Math module : 수학적인 상수와 함수를 위한 속성과 메서드를 가진 (JS) 내장 객체.

: 지정한 tagName의 HTML 요소를 만들어 반환함.: 괄호 안의 노드를 특정 부모 노드의 자식 노드 리스트 중 마지막 자식으로 붙임.: JavaScript 값이나 객체를 JSON 문자열로 변환하여 반환. localStorage 에는 문자열 이외의 값을 저장할 수

: 이 메서드는 주어진 함수 테스트를 통과하는 (배열의) 모든 요소를 모아 새로운 배열을 생성하여 반환함.⚠️ 새로운 배열을 생성하기 때문에 이전의 배열을 변형하는 것이 아니다(필터 이전 배열과 새로운 배열이 동시에 존재함).