엔지니어 - 웹 프론트엔드
상태
모집중
모든 트랙은 동일한 커리큘럼을 수행합니다.
기획, 사업 모델, 투자, 법률, 디자인, 개발, 테스트, 보안, 마케팅, 수익화, 매각까지 — 서비스의 전체 과정을 경험합니다.
나의 전문 분야는 직접 수행하고, 나머지는 AI 팀이 수행한 결과물을 분석하고 검증합니다.
화면은 감각이 아니라 설계다. 프론트엔드는 구현자가 아니라 제품 이해자다.
이 트랙에서 직접 수행하는 영역
웹 프론트엔드는 다음 단계를 직접 수행합니다.
나머지 단계는 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개월 중 자신의 상황에 맞게 선택