61 lines
1.3 KiB
Markdown
61 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/ # 정적 파일
|
||
|
|
```
|