총 10개월 (2022년 2월 8일 ~ 11월(예정))
- 프론트엔드의 기본이 되는 HTML, CSS, JavaScript에 대한 기본 문법을 익혀 프로그래밍을 합니다.
- 구현한 코드에 대해 E2E 테스트, 유닛 테스트를 작성하고 읽기 좋은 코드로 리팩터링합니다.
프로젝트 | 페어 | 1단계 | 2단계 |
---|---|---|---|
계산기 | 빅터 | PR | |
자동차 경주 | 빅터 | PR | PR |
행운의 로또 | 콜라, 하리 | PR | PR |
나만의 유튜브 강의실 | 앨버 | PR | PR |
자판기 | 블링, 동키콩 | PR | PR |
- 관련 블로그 포스트
- React 기반의 프론트엔드 웹 애플리케이션을 제작합니다.
- 재사용 가능한 컴포넌트를 고민하고 설계합니다.
- 상태 관리 라이브러리를 활용하며 상태 관리의 필요성에 대해 이해합니다.
- 프론트엔드 웹 애플리케이션에서 고려해야할 테스트 범위와 종류에 대해 학습합니다.
프로젝트 | 페어 | 1단계 | 2단계 | 3단계 |
---|---|---|---|---|
리액트 계산기 | 민초 | PR | PR | |
리액트 페이먼츠 | 무비 | PR | PR | PR |
리액트 장바구니 | 샐리 | PR | PR | |
리액트 장바구니 협업 | 우디 | PR | PR |
- 개발 프로세스 기반으로 프로젝트를 진행, 협업하는 경험을 한다.
- 서비스를 기획, 구현, 배포해 실 사용자가 사용하도록 개발하는 경험을 합니다.
데모 데이 영상 | |
---|---|
1차 | 1차 데모 영상 |
2차 | 2차 데모 영상 |
3차 | 3차 데모 영상 |
4차 | 4차 데모 영상 |
5차 | 준비중 |
6차 | 준비중 |
- 프론트엔드 성능을 측정, 분석하고 개선해본다.
- 성능 개선과 관련된 네트워크 키워드, 브라우저 렌더링 과정에 대한 이해도를 높인다.
- TypeScript를 깊이있게 이해하고 다뤄본다.
- 웹접근성 시나리오에 따라 적절한 속성을 추가할 수 있는 역량을 향상해본다.
프로젝트 | 1단계 | 2단계 | 리뷰 한 PR |
---|---|---|---|
성능 베이스캠프 | PR | 리뷰 한 PR | |
Typescript | PR | 리뷰 한 PR | |
웹 접근성 | PR | PR | 리뷰 한 PR |
프로젝트 명 : 우아한테크코스 4기 프로젝트 모음집