JavaScript

0. 프로젝트 구성 1. 원시형 문자열 큰 따옴표, 작은 따옴표 : 그냥 백틱 : 보간 처리 (문자열 내에 변수나 표현식을 사용) 템플릿 리터럴 : 내장된 표현식을 허용하는 문자열 리터럴 숫자 NaN : 숫자 연산에서 숫자가 아닌 다른 값이 포함되어있을 때

1. 산술/증감/할당 연산자 산술 : + - * / % 할당 : = += -= *= /= %= 재할당은 let 변수일때 가능 증감 : ++ -- 2. 부정/비교/논리 연산자 부정 : ! 비교 : == === != !== > >= < <= 논리 : AND&&

선언 방식은 두 종류선언문 함수는 하단에서 선언되더라도 최상단에서 해석됨 (호출 아래에서 선언 가능)표현식 함수는 호이스팅되지 않음return 키워드가 없으면 undefined를 자동으로 반환 (무시 가능)매개변수 초기값 지정객체 구조 분해 할당배열 구조 분해 할당나머

객체를 생성하는 함수여러개의 동일한 property를 가지는 객체를 생성하기 위해 필요메모리 절감 효과var 객체명 = new 클래스명(인수)(참고 : https&#x3A;//www.youtube.com/watch?v=wUgmzvExL_E)객체에 직접 포함되지는 않지만

프로토타입Number 클래스의 정적 메서드

내보내기 & 가져오기이름 없이 내보내기, 메인에서 데이터 이름 지정1개의 데이터만 내보낼 수 있음필요한 데이터만 import코드 중간에서 모듈 가져오기

동기 (Synchronous) : 작성한 순서대로 실행되는 코드비동기 (Asynchronous) : 작성한 순서대로 실행되지 않는 코드ex) setTimeout addEventListner fetch 함수서버의 응답을 기다리는 동안 다른 일이 수행된다.a 함수에서 1초

비동기 처리를 깔끔하게 하기 위해 사용하는 객체이다. resolve 함수와 reject 함수를 뒤에서 받아서 실행한다Promise를 쓰는 이유연속된 비동기 작업을 편하게 다룰 수 있음작업 상태를 쉽게 확인할 수 있음유지 보수가 편리함Promise는 상태(States)를

Await는 이 promise 함수가 다 실행될 때까지 기다리라는 의미이다.반드시 Async 함수 안에서 사용해야 한다.

요청 (Request) 및 응답 (Responce)을 처리하는 함수Promise 인스턴스를 반환한다headers : 요청에 대한 정보body : 요청에 대한 데이터JSON.stringify : 자바스크립트 데이터를 문자화하여 전송해야한다.

HTML 문서를 객체로 표현한 것JS에서 HTML을 제어할 수 있다HTML 요소, 텍스트, 주석 등 모든 것을 포함함HTML 요소 (노드의 한 종류)&lt;p> &lt;div> 같은 태그로 작성된 노드id 값으로 HTML 요소를 찾기여러 요소가 있으면 첫 요소만 반환,

새로운 HTML 요소를 "메모리에" 생성하여 반환 (실제로 삽입되지는 않음)노드를 요소의 첫번째 / 마지막 자식으로 삽입요소를 제거 대상 요소의 지정한 위치에 새로운 요소를 삽입 위치 표현 방법참조 노드의 이전 형제로 새노드를 삽입순서가 헷갈림node2가 Node1의

Viewport(현재 화면)의 크기를 얻음Viewport의 현재 스크롤 위치를 얻음 (페이지 좌상단 기준)스크롤 요소의 현재 스크롤 위치를 얻음 (요소의 좌상단 기준)지정된 위치로 스크롤 하기border(+스크롤바)를 제외한 요소의 크기를 얻기border(+스크롤바)를

요소에 Listener(이벤트가 발생하는지 듣고 있는 사람)를 등록요소에 Listener 를 제거대상에서 발생한 이벤트 정보를 담고 있음브라우저가 기본적으로 제공하는 동작을 제거

버블링 : 이벤트 전파자식 요소를 클릭하면 자식 -> 부모-> 바디-> 윈도우 순으로 넷다 실행됨캡쳐 옵션이 있는 요소부터 핸들러가 실행됨자식 요소 클릭 시, 바디의 핸들러(함수)가 가장 먼저 실행됨 바디 -> 자식 -> 부모 -> 윈도우자식 요소 클릭 시바디 ->

한글(CJK 문자) 입력시 이중으로 출력됨 \-> CJK 문자가 처리되고 있는 경우 event.isComposing = true\-> 처리가 완료된 경우일 때(false일 때)만 문자를 출력

🎈 Axios 란 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 🔰 Axios를 쓰는 이유 요청과 응답을 JSON 형태로 자동 변환해준다. 문법이 간소화 Response Timeout 설정가능 Request 취소 가능 HTT

🎈 인스턴스 생성