기술 스택

• React
  재사용 가능한 컴포넌트를 구축하고 효율적인 업데이트를 가능하게 하는 컴포넌트 기반 UI 라이브러리.

• Next.js
  서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하여 SEO와 성능 최적화 제공.

• Zustand
  전역 상태 관리를 단순화하며 최소한의 보일러플레이트로 가벼운 상태 관리 가능.

• React-query
  서버 상태 관리 및 비동기 데이터 처리 최적화를 제공하며, 캐싱 및 리패칭 기능 지원.

• SCSS
  BEM 방식을 활용한 모듈화된 스타일링을 구현하며, 중첩과 변수와 같은 기능을 통해 유지보수성을 향상.

• TypeScript
  정적 타입 검사를 제공하여 코드의 안정성과 가독성을 높이고 개발 생산성을 향상.

• PWA (Progressive Web App)
  오프라인 접근성과 네이티브 앱과 유사한 사용자 경험을 웹 기술로 제공.

---

와이어프레임

프로젝트의 와이어프레임은 다음 링크에서 확인할 수 있습니다: Figma Wireframe

와이어프레임 목적

• 사용자 중심 설계
  Figma 와이어프레임은 사용자 플로우를 명확히 시각화하고, 사용자 중심의 인터페이스 설계를 위한 기초를 제공합니다.

• 효율적인 팀 협업
  디자이너와 개발자 간 원활한 소통을 돕고, 각 기능의 레이아웃과 동작을 사전에 정의할 수 있습니다.

• 빠른 피드백 루프
  초기 단계에서 구조와 UI를 구체화하여 빠른 피드백과 반복 작업을 가능하게 합니다.

---