🚀 woowacourse-log

우아한테크코스 5기에서 학습한 내용을 정리하는 저장소

🐱 Level 0: 프리코스

기간

• 2022.10.26 – 2022.11.23

진행 미션

Project	Repository	Pull Request
온보딩	javascript-onboarding	Pull Request
숫자 야구	javascript-baseball	Pull Request
로또	javascript-lotto	Pull Request
다리 건너기	javascript-bridge	Pull Request

🐱 Level 0.5: 최종 코딩 테스트

기간

• 2022.12.17

진행 미션

Project	Repository	Pull Request
점심 메뉴 추천	javascript-menu	Pull Request

🐧 Level 1: JavaScript/TypeScript

기간

• 2023.02.07 – 2023.03.31

학습 목표

• 작은 규모의 어플리케이션들을 만들어보면서 JavaScript/TypeScript 언어의 주요 문법들을 깊이 있게 학습한다.
• 유지보수하기 좋은 코드의 필요성을 경험하고, 어떻게 하면 유지보수하기 좋은 코드를 작성할 수 있을지 고민하고 적용해본다.
• E2E 테스트와 단위 테스트 코드를 작성해보고, 이를 기반으로 리팩터링하며 테스트 코드의 필요성을 경험해본다.
• 주어진 디자인을 웹 표준을 준수하는 UI로 구현해보고, 프론트엔드 개발자로서 고려해야 할 UX에 대해 고민해본다.

진행 미션

Project	Step1	Step2	Pair	Website
자동차 경주	javascript-racingcar/step1	javascript-racingcar/step2	파인
로또	javascript-lotto/step1	javascript-lotto/step2	제레미	🎱
점심 뭐 먹지	javascript-lunch/step1	javascript-lunch/step2	센트	🍔
영화 리뷰	javascript-movie-review/step1	javascript-movie-review/step2	도담	🎬

🐧 Level 2: React

기간

• 2023.04.11 – 2023.06.09

학습 목표

• 레벨1보다 복잡한 규모의 어플리케이션을 React와 TypeScript를 이용해 만들어본다.
• 스토리북을 통하여, 컴포넌트 단위로 피드백을 받기 위한 테스트의 필요성을 경험해본다.
• 유지보수하기 좋은 코드의 필요성을 경험하고, 어떻게 하면 유지보수하기 좋은 코드를 작성할 수 있을지 고민하고 적용해본다.
• 주어진 디자인을 웹 표준을 준수하는 UI로 구현해보고, 프론트엔드 개발자로서 고려해야 할 UX에 대해 고민해본다.

진행 미션

Project	Step1	Step2	Step3	Pair	Website
다시, 점심 뭐 먹지	react-lunch/step1	react-lunch/step2		도리	🍚
페이먼츠	react-payments/step1	react-payments/step2	react-payments/step3	유스	💳
장바구니	react-shopping-cart/step1	react-shopping-cart/step2		해온	🛒
장바구니(협업)	react-shopping-cart-prod/step1	react-shopping-cart-prod/step2		아커	🛒

🐧 Level 3: Team Project

기간

• 2023.06.27 – 2023.08.18

팀원

• FE: 타미, 해온, 황펭
• BE: 로건, 망고, 오잉, 우가

프로젝트

Name	Repository	UI Repository	Website
펀잇(fun-eat)	fun-eat	fun-eat-design-system	🥄

🐧 Level 4: In-Depth Web Programming, Team Project

기간

• 2023.08.29 – 2023.10.20

학습 목표

• 프론트엔드 성능을 측정, 분석하고 개선해본다.
• 재사용 가능한 레이아웃 컴포넌트를 개발하고 활용해본다.
• 프론트엔드의 다양한 렌더링 방식에 대해 학습하고 적용해본다.

진행 미션

Project	Step1	Step2	Website
프론트엔드 성능 베이스캠프	perf-basecamp/step1		⛺️
레이아웃 컴포넌트	layout-component/step1	layout-component/step2	📄
프론트엔드 렌더링 방식	frontend-rendering/step1	frontend-rendering/step2	🥄

🎤 테코톡: 학습한 내용 말하기로 공유하기

유튜브 링크

• [10분 테코톡] 에이든, 황펭의 프론트엔드 성능 측정

🖋️ 글쓰기: 생각과 감정 글로 공유하기

진행 미션

Level	Topic	Repository	Pull Request
1 - 기록	우아한테크코스 한 달 생활기	woowa-writing-5/level1.md	Pull Request
2 - 자유 주제	고양이 키우는 것, 쉽지 않습니다...	woowa-writing-5/level2.md	Pull Request
3 - 프로젝트 소개	펀잇 (Fun-eat) 궁금해? 맛있을걸? 먹어봐!	woowa-writing-5/level3-fun-eat.md	Pull Request
4 - 시작	내가 꿈꾸는 프로그래머로서의 삶	woowa-writing-5/level4.md	Pull Request

📝 학습로그: 학습로그 작성 및 말하기 활동

활동 내용

• form의 input value와 event는 어디로 갔을까?
• Type Narrowing, Type Guard (feat. 점심 뭐 먹지)
• 영화 리뷰 반응형 웹 구상하기
• useState vs useRef
• MSW 작동 방식
• React StrictMode

📖 Tecoble: 우아한테크코스 브랜딩 근로(소셜 컨텐츠 파트)

활동 내용

• 이미지 사이즈 최적화