프론트엔드 실무 · 리액트 컴포넌트 설계 대표 이미지

프론트엔드

프론트엔드 실무 · 리액트 컴포넌트 설계

UI 설계부터 상태 관리까지, 실제 서비스 코드베이스 흐름에 맞춘 프론트엔드 훈련입니다.

훈련 기간
약 22주
진행 형태
주중 저녁 · 실시간 라이브
안내 금액
국비 적용 시 별도 안내

과정 소개

HTML/CSS 접근성 기준을 정리한 뒤, TypeScript 기반 컴포넌트 구조와 테스트 가능한 모듈 경계를 함께 다룹니다. 코드 리뷰 형태의 과제 피드백으로 협업 규칙을 익히고, 작은 배포 파이프라인까지 경험합니다.

포함 기능

  • 컴포넌트 경계와 props 계약 설계
  • 접근성 체크리스트 기반 UI 점검
  • 상태 관리 패턴 비교 실습
  • 스토리북 수준의 UI 문서화 흐름
  • 테스트 더블을 활용한 단위 테스트
  • 간단한 CI 단계 구성

기대 결과

  • 재사용 가능한 화면 모듈을 직접 설계합니다.
  • 리뷰 가능한 PR 단위로 작업을 쪼갭니다.
  • 배포 전 점검 항목을 문서화합니다.

자주 묻는 질문

선수 지식은 어디까지 필요한가요?

기본적인 프로그래밍 문법과 브라우저 동작 개념이 있으면 수월합니다. 없을 경우 2주 프리러닝 모듈을 안내합니다.

노트북 사양은 어떻게 되나요?

RAM 16GB 이상과 SSD 256GB 이상을 권장합니다. 원격 실습 환경은 제공되지만 로컬 개발이 더 안정적입니다.

취업 연계는 어떤 방식인가요?

이력서 코칭과 모의 면접은 포함되나, 특정 기업 합격을 약속하지는 않습니다. 지원 범위는 운영 정책에 따라 달라질 수 있습니다.

수강생 코멘트

스프린트 중간에 컴포넌트 경계를 다시 짜는 연습이 특히 도움이 됐어요. 디자이너와 말하는 어휘가 정리됐습니다.
윤채린 · UX 지망생 · 5/5 · 내부 설문
과제 리뷰가 빡세긴 한데, 그만큼 PR 설명 습관이 잡혔습니다.
박지환 · 4/5