# 엔지니어 - 웹 프론트엔드

> 모든 트랙은 동일한 커리큘럼을 수행합니다.

기획, 사업 모델, 투자, 법률, 디자인, 개발, 테스트, 보안, 마케팅, 수익화, 매각까지 — 서비스의 전체 과정을 경험합니다.

나의 전문 분야는 직접 수행하고, 나머지는 AI 팀이 수행한 결과물을 분석하고 검증합니다.

> 화면은 감각이 아니라 설계다. 프론트엔드는 구현자가 아니라 제품 이해자다.

---

## 이 트랙에서 직접 수행하는 영역

웹 프론트엔드는 다음 단계를 직접 수행합니다.
나머지 단계는 AI 팀이 수행하고, 당신이 결과물을 분석하고 검증합니다.

- 인프라 구축 — 서버, 네트워크, 배포 환경 구축

- 개발 (웹) — 웹 UI 구현, 반응형 대응, 상태 관리, 컴포넌트 설계

> 기획, 사업 전략, 디자인, 모바일 개발, 데스크톱 개발, 백엔드 개발, AI 기능 개발, 테스트, 보안, 마케팅은 AI 팀이 수행합니다.

당신은 AI가 만든 결과물을 분석하고, 문제점을 찾아내고, 다시 작업을 지시합니다.

이 과정에서 다른 직군의 업무와 개념을 자연스럽게 배웁니다.

---

## 심화 학습 내용

- 기술 스택 선정 — 인프라 환경, 트래픽, 배포 형태(SaaS/Self-host)를 분석하여 언어/프레임워크 선정

- 아키텍처 — 헥사고날(Domain/Port/Adapter 분리) + 아토믹 패턴(Atom→Molecule→Organism→Template→Page)

- DDD — Bounded Context 기반 모듈 분리, 도메인 모델 설계

- TDD — 테스트 우선 개발, E2E 테스트

- 상태 관리 — Server State + Client State 분리 설계

- 컴포넌트 설계 — Headless UI 패턴, 재사용 가능한 컴포넌트 구조

- 렌더링 전략 — CSR vs SSR vs SSG vs ISR, 각각의 장단점과 실무 적용 기준

- 성능 최적화 — Core Web Vitals(LCP, FID, CLS), 이미지/폰트 최적화, 코드 스플리팅, 번들 사이즈 관리

- 접근성 — WAI-ARIA, 시맨틱 HTML, 스크린 리더 대응

- 보안 — XSS 방지, 환경 변수 관리, JWT 인증 처리, CSP

- 로깅/모니터링 — Structured Logging, 에러 모니터링, 사용자 행동 추적

- 배포 — SaaS/Self-host 두 환경 모두 대응, CI/CD, 환경별 구성 분리(Local/Dev/Prod)

---

## 지원 자격

- 웹 프론트엔드 개발에 관심이 있거나 경험이 있는 분

- HTML, CSS, JavaScript 기초가 있거나 배울 의지가 있는 분

- 사용자 인터페이스를 직접 구현하고 싶은 분

- 6개월 이상 꾸준히 참여할 수 있는 분

- 월 1회 오프라인 모임(수도권, 토요일)에 참여 가능한 분

> 기간: 6 / 12 / 18 / 24개월 중 자신의 상황에 맞게 선택

For the site tree, see the [root Markdown](https://slashpage.com/noesis.md).