Go to file

corpi d18d9b2bb9 feat(api): 세션·통계·설정 API 연동 기반을 추가

맥락:
- 실제 세션 엔진과 통계·설정 저장을 백엔드와 연결할 프론트 API 경계를 먼저 정리할 필요가 있었다.

변경사항:
- focus session, stats, preferences API 계층과 타입을 추가하고 메서드 주석에 Backend Codex 지시 사항을 작성했다.
- /space를 현재 세션 조회, 시작, 일시정지, 재개, 다시 시작, 완료, 종료 API 흐름에 연결하고 API 실패 시 로컬 미리보기 fallback을 유지했다.
- /stats와 /settings를 API 기반 fetch/save 구조로 전환하고 auth/apiClient를 보강했다.
- React 19 규칙에 맞게 관련 훅과 HUD/시트 구현을 정리해 lint/build가 통과하도록 보정했다.

검증:
- npm run lint
- npm run build

세션-상태: 프론트에서 세션·통계·설정 API를 호출할 준비가 된 상태
세션-다음: 백엔드가 주석에 맞춘 엔드포인트와 응답 스키마를 구현하도록 협업
세션-리스크: 실제 서버 응답 필드명이 현재 타입과 다르면 프론트 매핑 조정이 추가로 필요

2026-03-07 17:54:15 +09:00

docs

style(space): 상단 토스트 크기·패딩·타이포 조정

2026-03-06 01:41:12 +09:00

public

Initial commit from Create Next App

2026-02-25 13:41:58 +09:00

scripts/session

docs(session): add restart-safe recovery workflow

2026-02-27 13:27:20 +09:00

src

feat(api): 세션·통계·설정 API 연동 기반을 추가

2026-03-07 17:54:15 +09:00

.gitignore

feat: 로그인 화면

2026-02-26 12:29:45 +09:00

.gitmessage-session.txt

docs(session): 커밋 메시지 한국어 규칙을 명시

2026-02-27 13:28:57 +09:00

eslint.config.mjs

fix(space): Quick Controls 사운드 복원과 HUD 피드백 정합성 수정

2026-03-05 16:24:53 +09:00

next.config.ts

Initial commit from Create Next App

2026-02-25 13:41:58 +09:00

package-lock.json

feat: 로그인 버튼 생성

2026-02-26 12:41:44 +09:00

package.json

docs(session): add restart-safe recovery workflow

2026-02-27 13:27:20 +09:00

postcss.config.mjs

Initial commit from Create Next App

2026-02-25 13:41:58 +09:00

README.md

feat(fsd): 허브·스페이스 중심 UI 목업 구조로 재편

2026-02-27 13:30:55 +09:00

test.css

feat: 프로젝트 세팅

2026-02-25 15:34:50 +09:00

tsconfig.json

Initial commit from Create Next App

2026-02-25 13:41:58 +09:00

README.md

VibeRoom Web

Next.js(App Router) + TypeScript + TailwindCSS 기반 VibeRoom 프론트엔드입니다.

실행 방법

npm install
npm run dev

브라우저에서 http://localhost:3000 접속

주요 라우트

/ : Landing 페이지 (src/app/(landing)/page.tsx)
/app : 가상공간 입장 허브
/space : 집중공간 스켈레톤
/stats : 집중 통계 목업
/settings : 설정 목업
/login : 로그인

구조

FSD 스타일로 src/ 하위 레이어를 사용합니다.

src/entities : room/user/session 타입 + 더미 데이터
src/features : room-select/check-in/reactions/custom-entry-modal/profile-menu/distraction-dump
src/widgets : 페이지 섹션 단위 UI (TopBar, StartRitual, RoomsGallery, SpaceShell 등)
src/shared : 공용 UI, 유틸, 설정
src/app : App Router 페이지 조합

구현 범위

이번 변경은 UI 목업 중심입니다.

타이머 카운트다운/오디오 재생/실시간/DB 저장/API 호출 미구현
선택 하이라이트, 패널 토글, 모달 탭, 드롭다운, 라우팅, 토스트만 구현

문서(작업 재개용)

세션이 끊겨도 같은 품질로 이어서 작업하려면 아래 문서를 먼저 확인합니다.

docs/README.md
docs/00_project_brief.md
docs/01_ui_guidelines.md
docs/02_arch_fsd_rules.md
docs/03_routes_map.md
docs/90_current_state.md