주차 | 회고 |
---|---|
1주차(1) | 블로그 |
1주차(2) | 블로그 |
2주차 | 블로그 |
3주차 | 블로그 |
전체 | 블로그 |
- 프론트엔드의 기본이 되는 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차 데모 - 직접 발표
- 프로젝트 2차 데모
- 프로젝트 3차 데모 - 직접 발표
- 프로젝트 4차 데모
- 프로젝트 5차 데모
- 프론트엔드 성능을 측정, 분석하고 개선해봅니다.
- 성능 개선과 관련된 네트워크 키워드, 브라우저 렌더링 과정에 대한 이해도를 높입니다.
- TypeScript를 깊이있게 이해합니다.
- 웹접근성 시나리오에 따라 적절한 속성을 추가할 수 있는 역량을 높입니다.
프로젝트 | 1단계 | 2단계 |
---|---|---|
성능 베이스캠프 | PR | |
Typescript | PR | |
웹 접근성 | PR | PR |