본문 바로가기

분류 전체보기54

호이스팅 호이스팅은 자바스크립트에서 변수와 함수의 선언이 스코프 내에서 최상단으로 끌어올려지는 동작을 말한다 이것은 코드 실행되기 전에 발생하며, 코드가 실행되기 전에 자바스크립트 엔진이 변수 및 함수 선언을 스캔하고 해당 스코프 내에서 최상단으로 끌어올린다 이로 인해 변수와 함수가 실제 선언된 위치와 상관없이 참조될 수 있다 즉, 변수를 선언 전에 사용해도 에러가 발생하지 않고 값이 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.
면접 준비.. 면접이 잡혔는데 원래 면접 볼 거란 예상 하나도 없었는데 갑자기 면접 잡혀서 그래도 요즘 같은 시기에 면접 기회 자체가 희귀하고 감사해서 일단 가긴 하는데 너무 갑작스러워서 큰일 났다 친구는 그냥 안 간다고 하라는데 그래도 겪어봐야 담에 준비를 더 철저히 할 수 있지 않을까 싶어서 일단 참석은 하기로 했는데 흑역사 하나 더 생성하겠네 원래 내 계획은 올 하반기에 본격적으로 취직할 생각이었다 지금은 아직 공부도 덜 되어있고 경험도 부족해서 당연히 서류 탈락할 것이라 생각한 건데 감사하게도 기회가 주어졌다 갔다 오면 더 성장은 하겠지만 난 괜찮은데 면접관분들이 시간 낭비했다고 생각할까 봐 좀 걱정이네 스타트업은 시간 중요할 텐데 뭘 공부해야 할지도 모르겠다 그냥 경험 삼아 보러 갔다 오는 게 되겠네 내일은 .. 2024. 2. 28.