front-end-interview-handbook - GitLite

KO | EN

gitlite — search

#react #ai #golang #android #rust #windows #awesome #cli #vue #pytorch #security #openai #ios #mcp

front-end-interview-handbook

(★ 43,991)

바쁜 엔지니어를 위한 프론트엔드 면접 대비 자료 (2026년 최신 개정)

파일 탐색기

최종 버전 다운로드 (.zip)

- FUNDING.yml
- ISSUE_TEMPLATE.md
- PULL_REQUEST_TEMPLATE.md
- pre-commit
- coding.svg
- mark-brand-light.png
- scroll.svg
- start-practicing-button.jpg
- start-reading-button.jpg
- css-questions.md
- html-questions.md
- javascript-questions.md
- - 2019-11-03-are-front-end-development-enough-for-a-career.md
  - 2021-08-28-front-end-career-questions.md
  - 2021-08-30-a-glimpse-into-front-end-interviews.md
  - 2021-12-23-front-end-vs-back-end-system-design-interviews.md
  - 2022-06-18-javascript-object-vs-map.md
- - algorithms.md
  - behavioral.md
  - build-front-end-user-interfaces.md
  - css-questions.md
  - front-end-system-design-applications.md
  - front-end-system-design-ui-components.md
  - front-end-system-design.md
  - html-questions.md
  - introduction.md
  - javascript-questions.md
  - javascript-utility-function.md
  - resume.md
  - trivia.md
- - _redirects
  - ads.txt
  - CNAME
  - gfe-features.webm
- .gitignore
- docusaurus.config.js
- package.json
- README.md
- sidebars.js
.editorconfig
.gitignore
.travis.yml
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
vite.config.ts

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Front End Interview Handbook

제작: [GreatFrontEnd](https://www.greatfrontend.com/?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook)

[![Front End Interview Handbook](assets/scroll.svg)](https://dribbble.com/shots/4263961-Front-End-Interview-Scroll)

### [웹사이트에서 읽기](https://www.frontendinterviewhandbook.com)

[LinkedIn](https://linkedin.com/company/greatfrontend) | [Discord](https://discord.com/invite/NDFx8f6P6B) | [𝕏 (Twitter)](https://x.com/greatfrontend) | [Facebook](https://facebook.com/greatfrontend)에서 저희를 팔로우하거나 소식을 받아보세요.

---
[![Start Reading Front End Interview Handbook](assets/start-reading-button.jpg)](https://www.frontendinterviewhandbook.com/introduction/)[![Start Practicing Front End Questions on GreatFrontEnd](assets/start-practicing-button.jpg)](https://www.greatfrontend.com/prepare/?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook)
## 이건 무엇인가요?
일반적인 소프트웨어 엔지니어 면접과 달리, 프론트엔드 직무 면접은 알고리즘 비중이 상대적으로 적은 대신 HTML, CSS, JavaScript를 비롯한 도메인 전반의 심도 있는 지식과 전문성을 묻는 질문이 더 많습니다. 이 저장소에는 프론트엔드 면접을 위해 알아야 할 모든 것이 담겨 있습니다.
- 기업별 형식을 포함한 [다양한 프론트엔드 면접 형식](https://www.frontendinterviewhandbook.com/introduction/)
- [프론트엔드 시스템 설계 면접](https://www.frontendinterviewhandbook.com/front-end-system-design/)
- [프론트엔드 상식/기술 면접 질문](https://www.frontendinterviewhandbook.com/trivia/) - h5bp 프론트엔드 개발자 면접 질문에 대한 답변
- [프론트엔드 질문](https://www.frontendinterviewhandbook.com/coding/javascript-utility-function/) - JavaScript, DOM, 알고리즘 등
- [기업별 프론트엔드 면접 질문](https://www.frontendinterviewhandbook.com/company-interview-questions/)
## 실전 연습은 어디서 할 수 있나요?

[![GreatFrontEnd](assets/mark-brand-light.png)](https://www.greatfrontend.com?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook)

프론트엔드 면접 준비에 대해 잘 이해했다면, 제가 만든 플랫폼인 [GreatFrontEnd](https://www.greatfrontend.com?utm\_source=github&utm\_medium=referral&gnrs=frontendinterviewhandbook)를 이용해 보세요! 시니어 프론트엔드 엔지니어들이 작성한 다양한 해답이 포함된 200개 이상의 연습 문제뿐만 아니라, 코드의 문제점을 파악할 수 있도록 돕는 자동화된 테스트 케이스 모음도 제공됩니다. 따라서 다음 리소스들을 꼭 확인해 보세요.
- [학습 플랜](https://www.greatfrontend.com/study-plans?utm\_source=github&utm\_medium=referral&gnrs=frontendinterviewhandbook): 일주일 뒤든 3개월 뒤든, 다가오는 기술 면접을 준비할 수 있도록 도와줍니다.
- [집중 영역](https://www.greatfrontend.com/focus-areas?utm\_source=github&utm\_medium=referral&gnrs=frontendinterviewhandbook): 취약한 부분을 보완하고 선호도에 따라 강점을 더욱 발전시킬 수 있습니다.
- [단계별 준비](https://www.greatfrontend.com/prepare?utm\_source=github&utm\_medium=referral&gnrs=frontendinterviewhandbook): 퀴즈부터 코딩 면접까지 면접 프로세스의 각 단계에 대비할 수 있습니다.
- [개별 프레임워크 질문](https://www.greatfrontend.com/questions?utm\_source=github&utm\_medium=referral&gnrs=frontendinterviewhandbook): 기술 면접에서 테스트될 수 있는 특정 프레임워크 기반의 훈련을 제공합니다.
---

### 프론트엔드 면접 질문 연습이 필요하신가요? [GreatFrontEnd](https://www.greatfrontend.com?utm_source=github&utm_medium=referral&gnrs=frontendinterviewhandbook)에서 전직 FAANG 면접관들이 작성한 고품질 연습 문제와 참고 솔루션이 포함된 평생 이용권에 대해 20% 할인 프로모션을 한시적으로 진행 중입니다 🚀

---
## 일반적인 면접 준비를 찾고 계신가요?
알고리즘, 인성 면접 등 일반적인 코딩 면접에 유용한 콘텐츠와 [면접 치트시트](https://www.techinterviewhandbook.org/coding-interview-cheatsheet/)가 있는 [Tech Interview Handbook](https://www.techinterviewhandbook.org)을 확인해 보세요!

[![Web Technologies illustration](assets/coding.svg)](https://www.techinterviewhandbook.org)

*크레딧: 일러스트레이터 [unDraw](https://undraw.co/)*

### [웹사이트에서 읽기](https://www.techinterviewhandbook.org/)

## 번역
- [English](https://www.frontendinterviewhandbook.com)
- [Chinese (Simplified) (简体中文)](https://www.frontendinterviewhandbook.com/zh/javascript-questions/)
- [Japanese (日本語)](https://www.frontendinterviewhandbook.com/jp/javascript-questions/)
- [Korean (한국어)](https://www.frontendinterviewhandbook.com/kr/javascript-questions/)
- [Polish (Polski)](https://www.frontendinterviewhandbook.com/pl/javascript-questions/)
- [Portuguese (Português)](https://www.frontendinterviewhandbook.com/pr/javascript-questions/)
- [Russian (Русский)](https://www.frontendinterviewhandbook.com/ru/javascript-questions/)
- [Tagalog](https://www.frontendinterviewhandbook.com/tl/javascript-questions/)
## 관련 링크
자료구조가 어떻게 구현되는지 관심이 있다면 JavaScript 자료구조 및 알고리즘 라이브러리인 [Lago](https://github.com/yangshun/lago)를 확인해 보세요. 프로덕션 용도가 아닌 참고 및 학습용으로 제작되었습니다.
## 기여하기
### 기여 가이드
기여하는 방법, 개선 사항을 제안하는 방법, 또는 콘텐츠 번역에 관심이 있는 경우 [기여 가이드](/CONTRIBUTING.md)를 읽어보세요.
### 후원하기
이 프로젝트에는 수많은 시간과 노력이 들어갔습니다. 여러분의 후원은 큰 힘이 됩니다!
[![Buy Me A Coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/yangshun)
## 라이선스
이 저장소의 모든 프로젝트와 패키지는 [MIT 라이선스](/LICENSE)에 따라 배포됩니다.