2022 우아한테크코스 프론트엔드 과정

_{총 10개월 (2022년 2월 8일 ~ 11월 예정)}

🐠 레벨 1 - 프로그래밍 기본

• 9주 과정 (2022년 2월 9일 ~ 4월 7일)

프로젝트	페어	1단계	2단계	리뷰어님	정리
계산기	@moonheekim0118	PR
자동차 경주	@moonheekim0118	PR	PR	@austinpark420	1단계 정리, 2단계 정리
행운의 로또	@kkojae91	PR	PR	@inwalter99	1단계 정리, 2단계 정리
나만의 유튜브 강의실	@soyi47	PR	PR	@glassyi	1단계 정리, 2단계 정리
자판기	@greenblues1190	PR	PR	@lsw1164	1단계 정리

• 과정 목표

  • 프론트엔드의 기본이 되는 HTML, CSS, JavaScript에 대한 기본 문법을 익혀 프로그래밍을 합니다.
  • 구현한 코드에 대해 E2E 테스트, 유닛 테스트를 작성하고 읽기 좋은 코드로 리팩터링합니다.

• 관련 블로그 포스트

  • 웹팩(webpack) 알러지 치료하기
  • Event
  • 깊은 복사(deep copy)
  • Event Loop

🐠 레벨 2 - 웹 프로그래밍

• 8주 과정 (2022년 4월 19일 ~ 6월 9일)

프로젝트	페어	1단계	2단계	3단계	리뷰어님
계산기	@cks3066	PR	PR		@EungyuCho
페이먼츠	@InKyoJeong	PR	PR	PR	@inwalter99
장바구니	@jhy979	PR	PR		@lsw1164
장바구니 협업	@jswith	PR	PR		@roy-jung / @woowapark

• 과정 목표

  • React 기반의 프론트엔드 웹 애플리케이션을 제작합니다.
  • 재사용 가능한 컴포넌트를 고민하고 설계합니다.
  • 상태 관리 라이브러리를 활용하며 상태 관리의 필요성에 대해 이해합니다.
  • 프론트엔드 웹 애플리케이션에서 고려해야할 테스트 범위와 종류에 대해 학습합니다.

• 관련 블로그 포스트

  • Ref
  • Virtual DOM and Rendering

🐠 레벨 3 - 팀 프로젝트

• 8주 과정 (2022년 6월 28일 ~ 8월 19일)

  • 내 편 프로젝트
    • 프로젝트 Github
    • 프로젝트 소개페이지
    • 프론트엔드: @soyi47, @prefer2
    • 백엔드: @kth990303, @seungpang, @yxxnghwan, @asebn1

• 과정 목표

  • 개발 프로세스 기반으로 프로젝트를 진행, 협업하는 경험을 합니다.
  • 서비스를 기획, 구현, 배포해 실 사용자가 사용하도록 개발하는 경험을 합니다.

• 관련 블로그 포스트

  • CRA 없이 env 설정하기
  • Infinite scroll 구현하기

• 관련 유튜브 영상

  • [프로젝트 1차 데모] 내 편 - 서비스 최종 기획, 팀 문화 공유
  • [프로젝트 2차 데모] 내 편 - 계획한 이슈 목록 및 완료 목록, 브랜치 전략, API 설계
  • [프로젝트 3차 데모] 내 편 - 테스트 자동화 및 시맨틱 버저닝

🐠 레벨 4 - 팀 프로젝트 + 웹 프로그래밍 심화

• 10주 과정 (2022년 8월 30일 ~ 10월 21일)

프로젝트	PR
성능 베이스캠프	PR
Module Typing	PR
웹 접근성 높이기	1단계 PR, 2단계 PR

• 과정 목표

  • 프론트엔드 성능을 측정, 분석하고 개선해본다.
  • 성능 개선과 관련된 네트워크 키워드, 브라우저 렌더링 과정에 대한 이해도를 높인다.
  • TypeScript를 깊이있게 이해하고 다뤄본다.
  • 웹접근성 시나리오에 따라 적절한 속성을 추가할 수 있는 역량을 향상해본다.

• 관련 블로그 포스트

  • 내편 UI 개발기
  • 프론트엔드 성능 최적화 - 1
  • 프론트엔드 성능 최적화 - 2
  • Template Literal Type

🐠 레벨 5 - 보충 학습, 취업 준비

🐠 테코톡