서론: 변화하는 Frontend 개발 면접 환경 🚀 Frontend 개발 분야는 끊임없이 진화하고 있으며, 면접에서 요구하는 역량도 빠르게 변화하고 있습니다. 새로운 프레임워크, 라이브러리, 도구가 지속적으로 등장하며¹, 이제 면접은 단순한 코딩 능력을 넘어 아키텍처 설계, 성능 최적화, **사용자 경험(UX)**에 대한 깊이 있는 이해를 평가하는 추세입니다.따라서, 최신 기술 동향을 꾸준히 학습하고 면접에 철저히 대비하는 것이 중요합니다. 이 가이드는 Frontend 개발자 면접 준비를 위한 종합적인 로드맵을 제공하여, 여러분이 자신감을 가지고 면접에 임할 수 있도록 돕는 것을 목표로 합니다.🛠️ 핵심 Frontend 기술 마스터하기HTML, CSS, JavaScript는 Frontend 개발의 근..

문제 상황: 단순해 보이는 질문에 함정이 숨어있다자바스크립트의 try...catch는 일반적으로 코드 블록 내의 오류를 안전하게 잡아내는 구조로 많이 사용됩니다.저 역시 동기적인(synchronous) 코드에서는 자신 있게 사용해왔습니다. 그런데 아래 두 가지 코드가 제시되었을 때, 예상치 못한 문제가 발생했습니다.코드 1: setTimeout과 try...catchtry { setTimeout(() => { throw new Error('err'); }, 200);} catch (err) { console.log(err);}코드 2: Promise와 try...catchtry { Promise.resolve().then(() => { throw new Error('err'); });..

javascript 코딩 경험이 많다면 다 겪어봤을 개념들 입니다. 정확한 명칭은 생각이 안나도 개념과 흐름은 어느정도 파악하고 있는분들께는 한번더 전체적인 개념 정립에 도움이 될것입니다. 면접에서 자주 등장하는 자바스크립트 개념을 정리하고, 실전에서 활용할 수 있도록 예제 코드와 설명을 제공합니다.1. 메모리 관리자바스크립트가 메모리를 어떻게 처리하는지 이해하면 최적화된 코드를 작성할 수 있습니다.🔹 Hoisting (호이스팅)변수와 함수 선언이 실행 컨텍스트 생성 단계에서 어떻게 끌어올려지는지 살펴봅니다.console.log(x); // undefinedvar x = 10;sayHello(); // "Hello"function sayHello() { console.log("Hello");}co..