generated from ttipo/project-base
726f9f854f
메일함 목록을 대화 한 줄로 묶어 보는 [대화로 묶기]와 설정 › 보내기 · 읽기의 한 줄을 더한다. 켜면 목록 출처가 GET /api/conversations 이고, 줄에 하는 일 (고르기 · 읽음 · 중요 · 이동 · 삭제)은 그 줄의 messageIds 에서 붙잡힌 메일을 뺀 메일을 지금의 여러 통 API 로 보낸다 — 붙잡힌 메일은 취소로만 보낸편지함을 떠난다(9단계). - 대화 목록에서는 messages 가 비므로 읽기 화면 · 삭제 · 예약 취소가 줄 기준 도우미(rowCount · rowIndexOfMessage · isListedMessage 등)로 같은 규칙을 탄다 - 첫 진입은 이 브라우저가 그 직원에게서 마지막으로 안 값으로 열고, 설정을 받지 못해도 [대화로 묶기]를 쓸 수 있다 - 리뷰 M1: 로그아웃 · 세션 만료 직후 설정 reset 이 watcher 를 깨워 떠나는 화면의 목록을 다시 부르던 회귀 — canUseApp 이 false 면 부르지 않고 reset 은 보이는 값을 뒤집지 않는다 - 리뷰 L7: 버린 목록 요청은 AbortController 로 끊는다(엔진 방식은 한 요청이 15초까지) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
frontend
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VS Code + Vue (Official) (and disable Vetur).
Recommended Browser Setup
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Run Unit Tests with Vitest
npm run test:unit