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

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

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

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

프로젝트	페어	1단계	2단계	리뷰어님
계산기	@prefer2	PR
자동차 경주	@prefer2	PR	PR	@youngbeomrhee
행운의 로또	@euijinkk	PR	PR	@lsw1164
나만의 유튜브 강의실	@compy-ryu	PR	PR	@inwalter99
자판기	@hwangstar156	PR	PR	@HyeonaKwon / @wmakerjun

• 과정 목표

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

• 관련 학습 글

  • git reset 옵션의 종류와 git reset--hard 로 삭제된 커밋 복구하기
  • requestAnimationFrame()에 대해 알아보기
  • 웹팩 톺아보기
  • Api요청 Timout 구현하기
  • [typescript] enum, readonly, as const 비교

💙 레벨 2 - 웹 프로그래밍

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

프로젝트	페어	1단계	2단계	3단계	리뷰어님
계산기	@juunzzi	PR	PR		@roy-jung
페이먼츠	@liswktjs	PR	PR	PR	@youngbeomrhee / @pocojang
장바구니	@wonsss	PR	PR		@Vallista / @pocojang
장바구니 협업	@intae92	PR	PR		@inwalter99

• 과정 목표

  • React에 입문하여, 상태를 관리하고, 컴포넌트를 작성하고 설계를 합니다
  • 어떤 프론트엔드 개발자가 될것인지 고민해봅니다
  • 특정 기술을 왜 사용하는지 고민해봅니다
  • 사용자 경험을 고려해 개발을 합니다

• 관련 학습 글

  • 프론트엔드에서 상태란
  • Virtual DOM 이란
  • 리액트에서 key 란
  • 리액트에서 setState 가 비동기적인 이유
  • 리액트에서 상태관리
  • 리액트에서 불변성을 유지해야하는 이유
  • 리액트의 이벤트 시스템
  • 클래스 컴포넌트 vs 함수 컴포넌트

💙 레벨 3 - 팀 프로젝트

• 과정 목표
  • 개발 프로세스 기반으로 프로젝트를 진행, 협업하는 경험을 한다.
• 관련 학습 글
  • 팀 프로젝트에 리액트 쿼리와 리코일을 도입한 이유
  • Github Actions로 빌드/배포 자동화하기

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

프로젝트	1단계	2단계	리뷰 한 PR
프론트엔드 성능베이스캠프	PR		리뷰 한 PR
TypeScript	PR		리뷰 한 PR
웹접근성

• 과정 목표
  • 프론트엔드 성능을 측정, 분석하고 개선해본다.
  • 성능 개선과 관련된 네트워크 키워드, 브라우저 렌더링 과정에 대한 이해도를 높인다.
  • TypeScript를 깊이있게 이해하고 다뤄본다.
  • 웹접근성 시나리오에 따라 적절한 속성을 추가할 수 있는 역량을 향상해본다.
• 관련 학습 글
  • 우아한테크코스 레벨4 성능베이스 캠프 학습 내용
  • 프론트엔드에서 횡단관심사 생각해보기

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