# 🎨 Mailbox - Frontend

이메일 클라이언트의 웹 인터페이스입니다.

![React](https://img.shields.io/badge/React-18-61DAFB?logo=react)
![Vite](https://img.shields.io/badge/Vite-5-646CFF?logo=vite)
![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3-06B6D4?logo=tailwindcss)

---

## 🛠️ 기술 스택

| 기술             | 설명           |
| ---------------- | -------------- |
| **React 18**     | UI 라이브러리  |
| **Vite**         | 빌드 도구      |
| **TailwindCSS**  | CSS 프레임워크 |
| **Lucide React** | 아이콘         |

---

## ✨ 주요 기능

- 📬 **메일 목록** - 받은편지함, 보낸편지함, 스팸함
- ✏️ **메일 작성** - 리치 텍스트 에디터
- 📎 **첨부파일** - 드래그 앤 드롭 업로드
- 🔍 **검색** - 고급 필터 옵션
- 🤖 **AI 번역** - Gemini API 연동
- 👨‍💼 **관리자** - 사용자 및 시스템 관리

---

## 🚀 실행 방법

### 개발 모드

```bash
npm install
npm run dev
```

### 프로덕션 빌드

```bash
npm run build
```

---

## 📁 구조

```
frontend/
├── src/
│   ├── components/    # UI 컴포넌트
│   ├── context/       # React Context
│   ├── hooks/         # 커스텀 훅
│   └── utils/         # 유틸리티 함수
└── public/            # 정적 파일
```