2022년 2월 8일 ~ 2022년 11월 (총 10개월)
-
기간: 2022년 2월 9일 ~ 2022년 4월 7일 (9주)
프로젝트 페어 1단계 2단계 계산기 우디 PR - 자동차 경주 우디 PR PR 로또 도리 PR PR 나만의 유튜브 강의실 유세지 PR PR 자판기 후이 PR PR -
목표
- 프론트엔드의 기본이 되는 HTML, CSS, JavaScript에 대한 기본 문법을 익혀 프로그래밍합니다.
- 구현한 코드에 대해 E2E 테스트를 작성하고 읽기 좋은 코드로 리팩터링합니다.
-
블로그 포스팅
- Jest, Cypress와 함께 단위(Unit) 테스트, E2E 테스트시 발생할 수 있는 문제!
- <section>, <article>, <div> 용도에 맞게 사용하기!
- 값(value), 식(expression), 문(statement)에 대해 아는가..?
- What is this?
- 부정 조건문 < 긍정 조건문
- private class field를 사용하는 이유는?
- innerHTML을 지양하자
- scroll 이벤트 컨트롤 - throttle!
- jest test코드 작성시 마주하게 될 문제! - localStorage
- Cypress에서 API 모킹하기
- 타입스크립트 interface, type 컨벤션과 readonly 속성
- 콜백 함수(callback function)
- 기간: 2022년 4월 18일 ~ 2022년 6월 9일 (8주)
프로젝트 페어 1단계 2단계 3단계 계산기 결 PR PR - 페이먼츠 소피아, 블링 PR PR PR 장바구니 동키콩 PR PR - 장바구니 prod 준찌 PR PR - - 목표
- React 기반의 프론트엔드 웹 애플리케이션을 제작합니다.
- 재사용할 수 있는 컴포넌트를 고민하고 설계합니다.
- 상태 관리 라이브러리를 활용하며 상태 관리의 필요성에 대해 이해합니다.
- 프론트엔드 웹 애플리케이션에서 고려해야 할 테스트 범위와 종류에 대해 학습합니다.
- 블로그 포스팅
-
기간: 2022년 6월 28일 ~ 2022년 10월 21일 (16주)
-
목표
- 개발 프로세스 기반으로 프로젝트를 진행, 협업하는 경험을 합니다.
- 서비스를 기획, 구현, 배포해 실사용자가 사용하도록 개발하는 경험을 합니다.
- 팀 프로젝트로 진행한 결과물을 유지 보수하며 서비스를 운영하는 경험을 합니다.
- 레거시 코드를 점진적으로 리팩터링하고 애플리케이션 설계 역량을 높입니다.
- 브라우저의 동작 원리와 네트워크에 대해 이해하고 프론트엔드 웹 애플리케이션의 성능을 최적화합니다.
- 웹 표준과 웹 접근성을 준수하고 시맨틱 마크업을 위해 중요한 요소들을 이해하고 구현합니다.
- 프론트엔드 웹 애플리케이션의 유형에 따른 배포 전략을 이해합니다.
-
데모데이
- [프로젝트 1차 데모 영상]
- [프로젝트 2차 데모 영상]
- [프로젝트 3차 데모 영상]
- [프로젝트 4차 데모 영상]
- [프로젝트 5차 데모 영상] - 영상 준비중
- [프로젝트 6차 데모 사이트]
-
웹 프로그래밍 심화
프로젝트 1단계 2단계 성능 베이스 캠프 PR - 타입 스크립트 PR - 웹 접근성 PR PR -
블로그 포스팅
- 기간: 2022년 10월 24일 ~ (5주)
- 목표
- 레벨1 ~ 레벨4 과정에서 부족한 부분에 대한 개인별 추가 학습합니다.
- 이력서 작성, 레벨 인터뷰를 통해 취업 준비를 합니다.
- 리쿠르팅 데이를 통해 기업과 만남의 시간을 가집니다.