🪐 낙타(🐫)의 2024 우아한테크코스 6기 프론트엔드 발자취

🎯 미션 Mission

Level 1

제목	핵심 키워드	배포링크	최종 Merge	STEP1 PR 링크	STEP2 PR 링크
자동차 경주	- 단위 테스트	-	브랜치 바로가기	자동차 경주 기능 구현	자동차 경주 리팩터링
로또	- TDD - 리팩터링	🔗 웹 배포 링크	브랜치 바로가기	콘솔 기반 로또 게임	웹 기반 로또 게임
점심 뭐 먹지	- 컴포넌트 - E2E 테스트	🔗 웹 배포 링크	브랜치 바로가기	음식점 목록	자주 가는 음식점
영화 리뷰	- 웹 앱	🔗 웹 배포 링크	브랜치 바로가기	영화 목록 불러오기	상세 정보 & UI/UX 개선하기

---

Level 2

제목	핵심 키워드	배포 링크	최종 Merge	STEP1 PR 링크	STEP2 PR 링크
Self-Paced React	- 선택 사전 미션 - React - JSX, useEffect, useState	-	🔗 저장소 링크	-	-
react-basecamp	- Storybook - custom hook - recoil - msw - react-query	-	🔗 저장소 링크	-	-
페이먼츠	- Component - Storybook - State - hooks	🔗 웹 배포 링크 🔗 스토리북 배포 링크	브랜치 바로가기	페이먼츠 1	페이먼츠 2
페이먼츠 모듈	- 라이브러리 배포	🔗 스토리북 배포 링크 🔗 hook npm 배포 링크 🔗 components npm 배포 링크	브랜치 바로가기	페이먼츠 모듈 1	페이먼츠 모듈 2
장바구니	- 상태관리 라이브러리(Recoil) - RTL(React Testing Library) - 배포한 라이브러리 이용	🔗 웹 배포 링크	브랜치 바로가기	장바구니 1	장바구니 2
상품목록	- 비동기 테스트 - MSW(Mock Service Worker) - React Query(TanStack Query) - 배포한 라이브러리 이용	🔗 웹 배포 링크	브랜치 바로가기	상품 목록 1	상품 목록 2

Level3

프로젝트명	핵심 키워드	배포링크	저장소	팀 노션	백로그/작업 기록
🍑 momo	- 약속 - 협업	https://www.momonow.kr	🔗 저장소 링크	🔗 노션 워크스페이스 링크	작업 기록

Level4

제목	핵심 키워드	배포링크	최종 Merge	Mission PR 링크
성능 개선하기	- 요청 크기 줄이기 - 필요한 것만 요청하기 - 같은 건 매번 새로 요청하지 않기 - 최소한의 변경만 일으키기	🔗 개선 전 웹 배포 링크 🔗 개선 후 웹 배포 링크	브랜치 바로가기	성능 개선하기

✍️ 글쓰기 Writing

LEVEL	제목
1	나는 성장하고 있는가?
2	🌱 성장의 구체화
3	협업

🎥 테코톡 발표

🔗 유튜브 링크

프로젝트 활동 시, 별도의 초기 빌드 도구(CRA, Vite)없이 webpack으로 프로젝트의 초기부터 세팅하여 진행했습니다.

ESLint의 대략적인 역할은 이해하고 있었지만, 동작원리를 정확히 알지 못했기에 공식문서를 기반으로 학습하여 정확하게 이해하고 사용하고자 했습니다. 또한, 동료들이 프로젝트 초기설정에 도움이 될 수 있도록 공유하기 위해 테코톡을 신청하여 발표하게 되었습니다.