60 lines
1.3 KiB
Markdown
60 lines
1.3 KiB
Markdown
# 🎨 Mailbox - Frontend
|
|
|
|
이메일 클라이언트의 웹 인터페이스입니다.
|
|
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
## 🛠️ 기술 스택
|
|
|
|
| 기술 | 설명 |
|
|
| ---------------- | -------------- |
|
|
| **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/ # 정적 파일
|
|
```
|