Frontend53 호이스팅 호이스팅은 자바스크립트에서 변수와 함수의 선언이 스코프 내에서 최상단으로 끌어올려지는 동작을 말한다 이것은 코드 실행되기 전에 발생하며, 코드가 실행되기 전에 자바스크립트 엔진이 변수 및 함수 선언을 스캔하고 해당 스코프 내에서 최상단으로 끌어올린다 이로 인해 변수와 함수가 실제 선언된 위치와 상관없이 참조될 수 있다 즉, 변수를 선언 전에 사용해도 에러가 발생하지 않고 값이 undefined로 초기화된다 함수 선언식(함수 선언문)은 전체가 호이스팅된다 함수 표현식은 변수 선언만 호이스팅된다 console.log(num); // undefined var num = 5; console.log(func1()); // "Hello!" function func1() { return "Hello!"; } cons.. 2024. 3. 1. async / await 사용법 (초보 프로그래머의 공부용이라 혹시 들어와서 보게 되실 경우 참고용으로만 받아들이시길) 면접에서 질문을 받게 된다면 Promise와의 차이점이라든가 다른 개념과 함께 물어볼 수 있고 비동기 동기 함수 관련 꼬리질문이 들어올 수 있다 async / await을 사용한 비동기 통신의 경우, async 함수 내에서 await 키워드를 사용하여 비동기 작업의 결과를 기다리게 할 수 있다 코드가 동기적으로 작성되어 가독성이 향상된다 즉 코드가 한 줄이 끝나야 다음 줄이 실행되는 식으로 동작하게 되는 것이다 원래 비동기 코드는 완료될 때까지 기다리지 않고 바로 다음 줄로 넘어간다 이러한 이유로 코드의 실행 순서와 코드의 작성 순서가 다를 수 있다 예를 들어 데이터를 서버에 요청한 후 서버로부터 데이터를 받아서 다음.. 2024. 3. 1. 프론트엔드 면접 질문 앞으로 정리해나갈 것들 리스트 (분류 수정 필요) 자바스크립트 async / await 사용법 호이스팅 클로저 비동기 함수 Promise와 Callback 차이 콜백 지옥 해결법 Promise를 이용한 비동기 통신과 async/await 사용한 비동기 통신 차이 var, let, const 차이 함수 선언형과 함수 표현식의 차이 렉시컬 환경이란 실행 컨텍스트란 데이터 타입 형 변환 프로토타입 깊은 복사 & 얕은 복사 불변성 유지하려면? this requestAnimationFrame 제어 컴포넌트와 비제어 컴포넌트 key props 사용 이유 왜 리액트 타입스크립트 사용 리액트 리액트 사용하는 이유 CSR vs SSR 리액트 Virtual DOM 클래스형 컴포넌트와 함수형 컴포넌트 차이 이벤트 버블링과 캡쳐링, 이벤트 위임 props.. 2024. 3. 1. 이전 1 ··· 3 4 5 6 다음
