요약

• 명절마다 들은 잔소리를 기록하고 공유하는 SNS 웹 플랫폼

• 프론트엔드 3명, 백엔드 3명으로 구성

• Links

  https://github.com/jansorry/jansorry-fe

  • https://www.figma.com/file/NmTIh76LjU8g7bPvHWTUek/jansorry---figma?type=design&node-id=0%3A1&mode=design&t=NCDjpMerFhBKPAAI-1

역할

• 프론트엔드 리드
• Figma 디자인 작업
• 기여도: 50% (프론트엔드)

시기

• 2024.1 ~ 2024.2

기술 스택

• 코어: Next.js 13.5.6, Typescript
• 스타일링: Vanilla Extract
• 상태관리: Recoil
• 패키지 매니저: PNPM

개발 중점 포인트

• SSR에서의 Zero Runtime css-in-js
  • 이전 프로젝트에서 Emotion을 사용했으나, SSR 적용이 되지 않는 문제가 있었다.
  • 이를 해결하기 위해 Zero Runtime css-in-js 라이브러리인 Vanilla Extract를 도입했다.
  • recipe 기능을 사용하여 스타일링 코드의 재사용성을 높였다.