신입 프론트엔드 면접 질문 리스트 : Front-End

Browser

• 브라우저는 어떻게 동작하나요?
• 브라우저 렌더링 원리에 대해서 설명해 주세요.
• 브라우저 주소창에 www.google.com을 입력하면 어떻게 되나요?
• CORS는 무엇이고 이를 처리해본 경험을 말씀해주세요.
• 웹 표준을 지키면서 개발하시나요?
• 쿠키, 세션, 웹스토리지의 차이에 대해 설명해 주세요.
• JWT에 대해 설명해 주세요.
• 크로스 브라우징에 대해 설명해주세요.

Product

• CSR과 SSR의 차이는 무엇인가요?
• webpack, babel, polyfill에 대해 설명해 주세요.
• Static Site Generation에 대해서 설명해 주세요.
• SPA와 MPA에 대해 설명해 주세요.
• bundle 사이즈를 줄이려면 어떻게 해야 하나요?

Performance

• 웹사이트 성능 최적화에는 어떤 방법이 있나요?
• 프로젝트의 성능은 어떻게 측정할 수 있나요?
• 성능 최적화 지표에는 어떤 것들이 있나요?
• Web Vital이 중요한 이유 중 성능 최적화 외에 무엇이 있나요?
• SEO에 대해 설명해 주세요.

Package

• dependencies와 devDependencies의 차이에 대해 설명해 주세요.
• package.json에서 private에 대해 설명해주세요.

ETC.

• 인증과 인가에 대해 설명해주세요.