# 프론트엔드 개발자/엔지니어 핸드북 2024

> Clean Markdown view of GeekNews topic #14505. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=14505](https://news.hada.io/topic?id=14505)
- GeekNews Markdown: [https://news.hada.io/topic/14505.md](https://news.hada.io/topic/14505.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2024-04-26T09:37:01+09:00
- Updated: 2024-04-26T09:37:01+09:00
- Original source: [frontendmasters.com](https://frontendmasters.com/guides/front-end-handbook/2024/)
- Points: 40
- Comments: 1

## Topic Body

- 온라인 교육 사이트인 FrontendMasters 가 정리하여 오픈소스로 공개(CC BY-NC-ND)  
- 9개의 챕터로 구성되어 프론트엔드 초보자 부터 전문가까지 참고 가능한 실무 리소스를 종합한 핸드북   
### 챕터별 주요 내용들   
1. 업무 분야 개요 : 프론트엔드 개발자/엔지니어란?, 캐리어 레벨과 보상,..  
2. 분야 : 웹사이트 개발, 웹앱 개발, UX/UI, 테스트, 퍼포먼스, 접근성, 웹 게임   
3. 학습/교육/훈련 : 초기 단계, 학습 코스, 학습 사이트들  
4. 기본 개념: WWW, 인터넷, IP 주소, 도메인, DNS, URL, 서버와 웹호스팅, CDN, HTTP/HTTPS, 웹브라우저, 자바스크립트 엔진  
5. 핵심 역량: 코드 편집기, HTML, CSS, JS, DOM, TypeScript, JS Web API, JSON, ESM, CLI, Node.js, 패키지 매니저, NPM Registry, Git, WCAG & ARIA, 웹 이미지/파일 타입/Data URL, 개발도구   
6. 기타 역량 및 패러다임: A/B 테스팅, AI 개발도구, 알고리듬, 비동기, BaaS, CI/CD, CMS, CSS in JS, 디자인 시스템, DOM 스크립팅, 풀스택 웹 개발, FP, GraphQL, Headless CMS, JAM 스택, JSX, MPA, OOP, Polyfill, PWA, RWD, REST, SEO, SSR, SPA, SSG, Stream SSR, UI 디자인 패턴, Unit Testing, UX, Virtual DOM, WASM, 웹 컴포넌트, 웹 폰트, 웹소켓, 웹 워커, 와이어프레이밍,..  
7. 프론트엔드 개발 툴박스/스택  
8. 전문 경력 준비: 온라인 Presence 만들기, 개발하기, 레쥬메 작성, 인터뷰 준비, 구직 활동   
9. 커뮤니티, 팟캐스트 및 이메일 뉴스레터

## Comments



### Comment 24711

- Author: laeyoung
- Created: 2024-04-26T11:27:20+09:00
- Points: 1

챕터 2에 있는 세분화 항목이 좋네요. 한국은 그냥 두루뭉실하게 프론트엔드 개발자 N년차 이렇게만 JD 있는 곳이 대부분이던데.