ECMA Script 의 등장 JavaScript Runtime Frameworks Library
출력 방법 외부에 있는 자스 코드 불러오기 콘솔
원시타입 참조타입 원시 래퍼타입
변수 변수의 타입 string number bool 산술연산과템플릿
요소 값 호출, 변경, 타입 확인, 메소드
조건문 if문 if ... else문 if문 중첩 switch문 삼항연산자(조건연산자) 삼항연산자 중첩
for문 while문 do...while문 break continue 레이블 object(객체) 반복문 for in 반복문 Object.keys Object.values Object.entries array(배열) 반복문 for of 반복문
Scope 전역 스코프 함수 스코프 블록 스코프
var let const 차이점 1. 중복선언 2. 재할당 3. 스코프(Scope) 4. 호이스팅(Hoisting) 5. 전역객체 프로퍼티
함수 함수의 다양한 형태 함수의 아규먼트에 따른 반환값 구조분해할당을 아용한 아규먼트 처리 기본값 할당 함수에서 객체를 아규먼트로 화살표 함수 호이스팅
재귀 함수 즉시 실행 함수
생성자란 앞에 new 연산자가 붙은 함수를 의미하며 인스턴스를 만들 수 있다. 사용자가 새로운 함수를 만들 수도 있다. 생성자와 인스턴스의 관계는 instanceof와 constructor 메소드를 통해 확인한다.
this 메소드 call() apply() bind() 화살표 함수와 this
중단하다 ,폐쇄하다자스에는 함수 스코프가 있고, 함수 내부에서 정의된 변수라면 함수 어느 부분에서든 접근할 수 있다내부 함수에서 자신을 포함하는 외부 함수의 스코프에 접근할 수 있다 inner 함수는 자기 상위의 부모 함수에 접근할 수 있는 권한이 있다내부 함수가 외부
callback function나중에 부르는 함수부르지 않으면 그냥 남아있고 필요할 때 널 불러줄거야 근데 (고차)함수의 인자로 불러줄거야 고차함수의 인자는 콜백함수map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을
생성자 함수를 통해 공장장이 되었다면 효율적인 객체 생산방식이 필요하다!양보다 질이 우선되는 다품종 소량생산!false -> myFood.smell 메서드와 myFood2.smell 메서드는 서로 다른 참조를 하고 있다!객체를 생성할 때마다 별개의 함수가 계속 만들어진
JSON (JavaScript Object Notation) JSON 메서드 JSON 응용 남은 방 계산하기 테이블 만들어서 회원 정보 로딩하기 productname, price 뽑아내기
DOM (Document Object Model) DOM 트리에 접근하기 해당하는 Id를 가진 요소에 접근 해당하는 모든 요소에 접근 해당하는 클래스를 가진 모든 요소에 접근 css 선택자로 단일 요소에 접근 (이거만 쓰셔도 됩니다!) css 선택자로 여러 요소에 접근
const canvas = document.querySelector('.canvas'); const btnRed = document.querySelector('.btn-red'); const btnYellow = document.queryS
a b c d 같이 청소를 하면 ~?동기 (순차적)a : 청소기 돌리고(10시)b : 빨래 하고 (11시)c : 설거지 하고 (12시)d : 요리한다 (1시)비동기 (순차적이지 않게끔)a : 청소기 돌리면서(10시)b : 빨래 하고 (10시)c : 설거지 하고 (10시
textContent 가공하지 않고innerText 가공해서textContent 코드innerText 코드textContent 로 텍스트 노드에 접근하면 숨기고 싶은 정보까지 노출될 수 있다
간단한 투두 리스트기능 구현해보기해야할 일 Todo 클래스(내용, 상태 두 가지 프로퍼티를 가집니다.)Todo 클래스는 상태를 변경하는 changeState 메서드를 가집니다.할일의 목록을 관리하는 관리자를 추상화한 TodoManager 클래스 (할일 목록을 프로퍼티로
생성자 (constructor) 프로토타입 (prototype) 객체의 상속 class class의 사용법 class 상속받기 비공개(private) 프로퍼티
div 태그로 상자를 하나 만들고 키보드의 화살표 키를 눌러 왼쪽, 오른쪽으로 이동하도록 만들어 보세요.const target = document.querySelector('.target'); let posX = 0; let posY = 0;박
반복문 for... in 객체를 순환하고 싶을 때! for... of 순환 가능한 것은 모두 순환시킬 수 있다. 순환 가능한 것? array, string, 함수 arguments, nodelist, set, map. 단 object는 순환할 수 없다. for ...