📮 [email protected] 📍github.com/dohpark 📞 010-3490-2922

안녕하세요 주니어 프론트엔드 엔지니어를 꿈꾸는 박도희입니다.

꾸준히 공부하며 성장하는 개발자가 되고 싶습니다.

프로젝트 1

구글 캘린더 만들기

🔗 깃허브 링크

프로젝트 소개

스케줄 관리 달력

Tech Stack

pnpm eslint prettier husky nextjs tailwindcss zustand tanstackQuery axios jest react testing library msw mysql prisma

주요 기능

• 월 달력, 전달 다음달로 이동
• 미니 달력을 통한 선택한 날짜로 이동
• 날짜칸 드래그를 통한 이벤트 및 todo 생성
• 월달력의 날짜칸에 이벤트 및 todo를 확인

고민한 부분

• Layer, Split, Inline 등의 레이아웃 컴포넌트를 구현 및 활용하여 재활용성을 극대화
• Jest, React Testing Library, MSW의 라이브러리를 활용해 테스트 코드를 작성
  • 사용자와의 상호작용이 많은 웹앱이기에 리펙토링 및 버그를 고칠 시 생각지도 못한 오류를 잡을 수 있도록 테스트 코드를 작성
  • 컴포넌트간의 상호작용을 확인하기 위해 대부분 통합 테스트로 진행