📋 2025/11 Interview Prep

The best way to prepare for life is to begin to live.

CSS

• CSS 박스 모델의 차이점을 설명해 주세요
• px, em, rem, vw, vh의 차이점을 설명해 주세요
• 자주 사용하는 의사 요소를 설명해 주세요
• Dark Mode 처리 시 스타일을 어떻게 구성해야 하나요?

JavaScript(ES6+)

• var, let, const 세 가지 변수 선언의 차이점을 설명해 주세요
• 변수 호이스팅(Hoisting)을 설명해 주세요
• <script> 설정의 차이를 설명해 주세요
• cookie, sessionStorage, localStorage를 설명해 주세요
• ==와 ===의 차이점을 설명해 주세요
• undefined와 null의 차이점을 설명해 주세요
• Promise의 원리를 설명해 주세요
• async/await가 무엇이며 어떻게 사용하는지 설명해 주세요
• Hoisting의 원리를 설명해 주세요
• this의 사용 시나리오를 설명해 주세요
• Set과 Map의 사용 시나리오와 차이점을 설명해 주세요

TypeScript

• TypeScript와 JavaScript의 차이점은 무엇인가요?
• TypeScript의 기본 타입과 타입 어노테이션을 설명해 주세요
• Interface와 Type Alias의 차이점은 무엇인가요?
• Generics의 개념과 사용법을 설명해 주세요

Vue

• Vue 3에는 어떤 새로운 기능이 있나요?
• Composition API와 Options API의 차이점은 무엇인가요?
• ref와 reactive의 차이점은 무엇인가요?
• watch와 watchEffect의 차이점은 무엇인가요?
• Vue의 라이프사이클 훅을 설명해 주세요
• Vue 컴포넌트 간의 통신 방식에는 어떤 것들이 있나요?
• Vue2와 Vue3 양방향 바인딩의 원리를 설명해 주세요
• Vue3의 Static Hoisting이 무엇인지 설명해 주세요
• Pinia와 Vuex의 차이점을 비교해 주세요
• Vue3의 Fragment가 무엇인지 설명해 주세요

Framework

• 사용해 본 Web Framework를 설명하고 장단점을 비교해 주세요

Experience

• 최근 프로젝트에서 로그인을 어떻게 구현했는지 설명해 주세요

성능 최적화

• 화면에 수만 건의 데이터가 있을 때 어떻게 최적화하나요?
• SSR의 성능을 어떻게 모니터링하나요?

SSR & SEO

• Nuxt 3의 Server Engine은 무엇인가요?
• CSR, SSR, SSG를 어떻게 선택하나요?
• SSR에서 흔한 Memory Leak 원인과 해결법은?
• SSR에서 Hydration Mismatch를 어떻게 처리하나요?
• SSR 애플리케이션 배포와 SPA의 차이점은?
• 다국어 웹사이트의 SEO는 어떻게 처리하나요?

손코딩 구현

• JS로 Deep Clone 구현하기
• JS로 String에서 가장 많이 등장하는 글자를 반환하는 Function 구현하기
• JS로 객체 경로 파싱(get/set) 구현하기