⭐ 중요도: 5홈페이지가 사용자에게 보이는 순서(브라우저 렌더링 과정)
호이스팅이란?모든 선언이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징. 아래는 호이스팅의 예시이다.
var는 선언, 초기화가 동시에 이루어지고,
클로저란?클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 외부 함수보다 중첩 함수가 더 오래 유지되는 경우,
코드를 보면 closureF 함수가 종료되었음에도 name에 저장된 값이 그대로 출력되는 것을 확인할 수 있다. CSS에서 margin과 padding이란?
CSS에서 position이란?position 속성은 문서 상에 요소를 배치하는 방법을 지정한다.
REST API란?REST 기반으로 서비스 API를 구현한 것
⭐ 중요도: 4this 용법
브라우저 저장소의 차이점
서버 인증과 브라우저 저장소
Restful API
RESTful API를 통해 이해하고 쉬운 API를 만드는 것이 목적이다.
JavaScript는 무슨 언어인가?JavaScript는 싱글 스레드이면서 논 블록킹 언어이다.
=> 멀티 스레드가 아닌 이유는 동시성 문제(동시에 공유된 자원에 접근하는 경우)를 해결하기 까다롭기 때문. 자바스크립트에서 비동기적으로 코딩하기
비동기 처리가 필요한 이유: https://velog.io/@dev-katrina/%EB%B9%84%EB%8F%99%EA%B8%B0 자바스크립트 동작 원리(이벤트 루프)gif 출처: https://beomy.github.io/tech/javascript/javascript-runtime/
이벤트 전파생성된 이벤트 객체는 이벤트를 발생시킨 DOM 요소인 이벤트 타깃을 중심으로 DOM트리를 통해 전파된다.
+) 이벤트 버블링과 캡처링를 막기 위해서
이벤트 위임: 이벤트 버블링 활용하기이벤트 위임을 사용하지 않고, 동일한 이벤트를 일일히 수동으로 달아주기에는 코드 낭비가 너무 심하다. 따라서 부모 요소에 이벤트를 부여해 버블링을 통해 하위 요소를 동작시킬때도 해당 이벤트가 발생하도록 만드는 것이 바람직하다. 아래와 같은 상황에서
이처럼 이벤트 버블링을 통한 이벤트 위임은 하위 요소에 각각의 이벤트를 붙이지 않고도 상위 요소에서 하위 요소의 이벤트들을 제어할 수 있다. 타입스크립트란?타입을 명시하지 않는 자바스크립트와 달리, 타입스크립트를 통해 정적 타입을 명시하여 사용할 수 있다. 타입스크립트의 장점타입스크립트는 코드에 목적을 명시하고, 목적에 맞지 않는 타입의 변수나 함수들에서 에러를 발생시켜 버그를 사전에 제거할 수 있다. 프로젝트가 크고, 복잡할수록 타입스크립트가 가진 강점이 점점 더 강해진다. 실행 문맥(실행 컨텍스트)
위와 같은 코드에서의 실행 컨텍스트를 확인하면 다음과 같다.
추가로 알아야 하는 것들:
SPA, CSR, SSR 차이
null, undefined, undeclared, NaN
⭐ 중요도: 3HTML 렌더링 중에 JavaScript가 실행되면 렌더링이 멈추는 이유?렌더링 엔진은 HTML 한 줄씩 순차적으로 파싱하며 DOM을 생성해 나가다가 JavaScript를 만나면 DOM 생성을 임시 중단한다. DOM 생성을 임시 중단하고, 자바스크립트 코드를 파싱하기 위해 자바스크립트 엔진에 제어권을 넘기게 되는데, 파싱이 끝나면 다시 렌더링 엔진에 제어권을 넘겨 중단된 부분부터 HTML 파싱을 재개하며 DOM 트리를 생성한다. 사용하고 있는 JavaScript 프레임워크ReactReact를 사용하는 이유:가상 돔 function Person(){}, var person = Person(), var person = new Person() 각각 설명
Property와 Attribute의 차이우선, 둘 다 속성을 의미한다.
https://yeoulcoding.tistory.com/157 참고함 |