Hook 컴포넌트의 최상위 수준이나 커스텀 훅 내부에서만 사용 가능 (조건문, 반복문, 일반 함수 블럭 {} 내부에서 사용 불가능) useState 컴포넌트에 state 변수를 추가할 수 있는 리액트 훅. useState() 상태값(컴포넌트에서 관리하는 데이터)를

React SPA를 개발하기 위해 리액트를 사용한다 React 앱은 컴포넌트로 구성된다 -> 컴포넌트의 중첩 React 컴포넌트 이름은 항상 대문자로 시작 export import를 통해 모듈로 사용 모듈을 사용하려면 ` 태그에 type="module"` 속성 추가

parseInt(string: string, radix?: number): numberparseFloat(string: string) numbersetTimeout(handler: TimerHandler, timeout?: number, ...arguments): nu

인터페이스 객체의 속성명과 속성값의 타입을 지정 변수, 함수의 매개변수, 함수의 리턴 타입에 사용 속성은 ; 또는 ,로 구문 interface 키워드로 선언하는 사용자 정의 타입 인터페이스를 타입으로 지정한 객체는 해당 인터페이스에 정의된

기존 타입 지정(유니언 타입)타입 별칭 사용

TS 자바스크립트와 달리 함수 매개변수의 타입과 개수가 정확히 일치해야한다 매개 변수의 타입과 개수가 일치하지 않으면 타입 에러 발생 함수에 타입 지정 매개 변수의 타입 지정 매개 변수명 뒤에 지정 리턴 타입 지정 매개 변수 선언부 뒤에 지정 리

closure 실행이 끝난 외부 함수의 변수에 접근할 수 있는 내부합수 함수가 리턴 된 후에도 언제든지 해당 함수 내부에서 선언된 지역변수나 함수를 호출할 수 있는 것 closure가 만들어지는 조건 함수 내부에서 함수를 생성 (중첩함수, 내부함수) 내부함수

자식 함수에서 constructor를 생략할 경우 자동으로 constructor가 생성되며 부모의 생성자 함수를 가져오게 된다.constructor를 생성하고 super()를 생략할 경우 에러가 발생한다.

함수 호출 함수로 호출 함수명() this는 window 객체로, window 객체는 어디서나 참조 가능하므로 this를 사용할 필요 없음 메서드로 호출 객체에 정의된 메서드를 호출할 때 객체.메서드명() this는 메서드를 정의한 객체 함수를 하나만 정의하고 여러 객체에서 메서드로 사용 화살표 함수 호출 일반 함수나...

생성자 함수 내부에 메서드를 정의할 경우새로운 객체를 생성할 때 마다 sum 함수가 새로 생성되고 -> 각 객체마다 메서드 복사메모리 관리에 비효율적프로토타입에 메서드를 정의하는 경우모든 인스턴스를 공유하기 때문에 같은 함수를 사용한다. -> 동일한 메서드 사용메모리

DOM Level 0 방식(비표준)HTML 태그에 인라인으로 직접 작성할 수 있다.HTML 요소의 on<event> 속성의 값으로 이벤트 발생시 실행할 코드를 등록elem.on<event> 속성에 이벤트 핸들러 추가HTML과 script에 같은 함수가 생성되

createElement(nodeName): 지정한 태그명으로 요소 노드 생성createTextNode(nodeValue): 지정한 내용으로 텍스트 노드 생성createAttribute(attributeName): 지정한 이름으로 속성 노드 생성요소노드.appendCh

DOM 트리구조의 객체 하나하나를 노드라고 한다.문서 노드, 요소 노드(태그), 속성 노드(요소의 속성), 텍스트 노드(요소의 내용) 등document.getElementById(id)id 속성값에 해당하는 노드 객체를 반환document.getElementsByCla

함수 단위의 유효범위를 갖는 변수 선언문사용하지 않는 것을 권한다.블록 단위의 유효범위를 갖는 변수 선언문블록 단위의 유효범위를 갖는 상수 선언문const는 변수의 재할당을 막는다함수 외부에서 선언한 변수스크립트 내 어디에서나 접근 가능페이지가 로딩될 때 한번 생성하여

하나의 변수에 여러개의 값을 지정하는 데이터 구조순서정보 index는 0부터 시작한다.크기를 미리 지정하지 않는다.배열명\[index]push, length: 배열의 메서드로, 일반 object에서는 사용이 불가능 \- push(): 배열의 마지막에 요소 추가 \-

명령어의 묶음으로 특정 기능을 재사용하고 싶을 때 작성두번 이상 사용할 일이 있다면 함수로 만드는 것이 좋다.함수를 선언해도 호출하지 않으면 실행하지 않는다.

연관있는 데이터를 하나의 객체로 만들어서 데이터 관리객체(Object): 속성(데이터)와 기능(그 데이터 주체가 하는 일들)을 모은 단위객체의 속성과 기능에 접근할 때는 dot 연산자(객체.속성)을 이용하거나 \['속성명'] 표기(객체\['속성명'] 사용

지정한 조건식이 참일 경우 조건이 거짓이 될 때까지 해당 블럭을 반복하여 수행반복 횟수가 불확실하거나 특정 조건이 충족할 때까지 계속 실행해야 할 때 사용조건이 맞지 않으면 아예 실행하지 않는 while문과 달리 처음에 한번 무조건 코드를 실행하고 그 다음부터 whil

지정한 조건식이 true일 경우 해당 구문 수행지정한 조건식이 참일 경우와 거짓일 경우 각각 해당 구문 수행지정한 조건식이 참일 경우 해당 구문을 수행하고 거짓일 경우 else if 문의 조건식을 순차적으로 비교하여 참에 해당하는 구문 수행

현재의 값을 먼저 사용한 후 값을 증가 또는 감소값을 먼저 증가 또는 감소한 후 변경된 값을 사용두 항을 비교하여 참이면 true, 거짓이면 false 반환두 데이터의 타입과 값을 모두 비교하여 값이 같아도 타입이 다르면 false두 데이터의 타입이 다르면 형 변환 후