향그리움
‘ 전통이 있는, 그리운 곳으로 향하다 (向)‘
향그리움은 전국 각지에 위치한 전통시장 그리고 각 업체에서 올린 특산물을 한눈에 볼 수 있는 ‘전통시장 여행’ 웹페이지 입니다. 지역별 시장 정보와 특산품을 살펴보고 직접 구매할 수 있는 원스톱 쇼핑 경험을 제공합니다.
아키텍쳐
.png&blockId=24945f10-60a6-4701-8928-b838ab184b7c)
주요 기능
회원가입 / 로그인
전통시장
특산물
실시간 채팅 기능
마이페이지 기능
결제 기능 
장바구니
기술적 의사결정
NextJS
서버사이드 렌더링(SSR, ISR)과 정적 사이트 생성(SSG)을 지원하여 SEO 최적화에 매우 유용하여 초기 로딩 속도가 빠르고 이미지 컴포넌트를 활용하여 이미지 최적화를 쉽게 처리하여 웹 페이지의 성능을 향상 시킬 수 있었습니다. 또한 미들웨어를 통해 로그인 여부에 따른 페이지 접근 제한을 할 수 있습니다. 이를 통해 사용자 권한 관리를 효과적으로 처리할 수 있어 선택하였습니다.
TypeScript
타입 안전성 및 코드 가독성과 유지 보수, 모듈화와 재사용성, 배포 전 런타임 환경에서
에러를 미리 파악하고 대처할 수 있어 선택하였습니다.
Tailwind CSS
동적 스타일링이 가능하고, 사용자의 상태 여부를 조건부 스타일링을 통해 UX 상승이
가능하여 선택하였습니다.
Supabase
PostgreSQL 기반의 실시간 데이터베이스로 데이터베이스, 인증, 스토리지 기능을 통합적으로 제공하며 관계형 데이터베이스(SQL)를 사용하고 보다 직관적인 쿼리 작성이 가능합니다. 또한 팀원 모두 사용해 보았던 경험이 있어 익숙한 환경에서 개발하기 위해 선택하였습니다.
Tanstack Query
비동기 작업 단순화 및 서버 상태 관리의 편의성이 높아 데이터 패칭 및 캐싱으로 코드가 |
단순화 되고 중복이 줄어 들어 개발 속도가 빨라지며 Optimistic updates와 같은 기능으로 UX 향상 가능하여 선택하였습니다.
Zustand
상태관리의 편의성과 전역 상태를 관리하고 컴포넌트 간 데이터 흐름 최적화시키며,
보일러 플레이트가 단순하여 더욱 빠른 환경 설정이 가능하고 효율적인 데이터 관리
가능하여 선택하였습니다.
트러블슈팅
장바구니 마이페이지-미들웨어 결제 채팅