Where You Ad (Frontend)

Where You Ad 서비스의 프론트엔드 리포지토리입니다.

🛠 Tech Stack

Core

• React 19: 최신 리액트 기능을 활용한 UI 개발
• TypeScript: 정적 타입 시스템을 통한 안정성 확보
• Vite: 빠른 개발 서버 및 빌드 도구

Styling

• Tailwind CSS 4: 유틸리티 퍼스트 CSS 프레임워크

State Management & Data Fetching

• Zustand: 전역 상태 관리
• TanStack Query (React Query): 비동기 서버 상태 관리

Validation & Form

• React Hook Form: 폼 상태 관리
• Zod: 스키마 기반 유효성 검사

Linting & Formatting

• ESLint: 코드 린팅
• Prettier: 코드 포맷팅
• Husky & lint-staged: 커밋 시 자동 코드 점검 (Git Hook)

---

🚀 Getting Started

1. Prerequisites

이 프로젝트는 pnpm을 패키지 매니저로 사용합니다.

2. Installation

# 의존성 설치
pnpm install

3. Git Hook Setup (필수)

# git 초기화 (필요한 경우)
git init

### 4. Running the App

```bash
# 개발 서버 실행
pnpm dev