🎙️Interview 기술 문서

FE 기술 면접의 핵심 원리와 실무 답변을 정리한 인터뷰 마스터 클래스 가이드입니다. 왼쪽 사이드바에서 원하는 문서를 선택해주세요.

01. 🌐 브라우저 렌더링 원리

브라우저가 HTML을 화면에 그리는 전 과정을 마스터하고, 성능 최적화의 근본인 CRP를 정복합니다.

02. ⏳ JS 코어 & 비동기

실행 컨텍스트, 클로저, 그리고 이벤트 루프의 미세한 동작 원리를 통해 자바스크립트의 엔진 내부를 정복합니다.

03. 🛡️ TS 타입 엔지니어링

단순한 타입 선언을 넘어, 조건부 타입과 제네릭을 활용한 고도로 유연하고 안전한 타입 설계 능력을 배양합니다.

04. ⚛️ 리액트 렌더링 엔진

React 19의 가상 DOM 동작 원리와 Fiber 아키텍처, 그리고 새로운 React Compiler가 가져온 패러다임 변화를 정복합니다.

05. 🪝 Hooks & 컴포넌트 설계

커스텀 훅을 통한 비즈니스 로직 분리와, 외부 상태 구독 시 발생하는 테어링 현상을 방지하는 고급 훅 설계 기술을 정복합니다.

06. 🧠 상태 관리 패러다임

Context API부터 Zustand, Jotai까지, 다양한 상태 관리 도구의 철학을 이해하고 상황에 맞는 최적의 전략을 선택합니다.

07. 📡 Data Fetching & 서버 상태

React Query(TanStack Query)를 통해 서버 데이터를 '상태'가 아닌 '캐시'로 다루는 패러다임 변화를 이해합니다.

08. 🌐 Next.js & 서버 컴포넌트

React Server Components(RSC)의 철학과 App Router 아키텍처를 통해 현대적인 렌더링 전략을 마스터합니다.

09. 🚀 성능 최적화 & Web Vitals

Core Web Vitals의 핵심 지표를 이해하고, 코드 분할(Code Splitting)부터 이미지 최적화까지 실전 성능 개선 기술을 정복합니다.

10. 🛡️ 테스트 & 품질 관리

단위 테스트부터 E2E 테스트까지, 견고한 애플리케이션을 만들기 위한 테스트 전략과 자동화 환경을 마스터합니다.

11. 🔐 웹 보안 엔지니어링

프론트엔드 개발자가 반드시 알아야 할 XSS, CSRF 공격 대응법과 안전한 인증 시스템 구축 전략을 마스터합니다.

12. 🥇 엔지니어링 리더십 & 성장

기술적인 역량을 넘어 협업, 코드 리뷰, 그리고 지속 가능한 성장을 추구하는 '시니어 엔지니어링'의 마인드셋을 배웁니다.