2024.09 - Present

#프론트엔드 개발자 #웹서비스

PEasyFit

#MVP

Library / Framework.

• Frontend: React, Next.js, Chart.js, SWR, TailwindCSS, DaisyUI
• Backend: Next.js
• Database: Firebase
• Authentication: NextAuth
• Version Control: github
• Deployment: Vercel

<aside> ✏️

• React 기반 Nextjs 프레임워크를 사용하여 SEO 최적화, rehydration을 통해 로딩시간 단축
• 타입정의를 명확히 하여 오류를 줄이고 추후 유지보수를 위해 TypeScript 사용
• NextAuth를 사용하여 구글 로그인 (OAuth) 및 세션 관리
• Firebase에서 제공하는 함수들을 이용하여 Firestore 데이터 관리
• SWR을 사용하여 data fetching 및 자동 캐싱 및 갱신, 에러 및 로딩 핸들링
• git을 이용해 코드버전 관리 및 vercel를 사용하여 배포
  • main branch 와 released branch를 나누어 main 배포 후 해당 url에서 확인, 문제가 없으면 merge 후 production url에 배포
• 이 외 TailwindCSS, DaisyUI, Chartjs를 사용하여 UI 작업 시간을 단축
  • 특히 TailwindCSS prettier를 사용하여 클래스명 순서를 자동으로 정렬하여 렌더링 최적화
• Request → NextAPI Route → Firebase → Response </aside>

Colors.

• 보라 (Purple) : 신체적 도전과 한계 극복 (Overcoming physical challenges and limitations and setting farther)
  • #7F27FF #9F70FD
• 노랑 (Yellow) : 긍정 (positivity)
  • #FFFB73 #FFF8C9
• 오렌지 (Orange) : 열정 (enthusiasm)
  • #FF8911 #FDBF60

MVP (Minimum Viable Product).