v0.1.41 - 배포 설정과 계정 화면 정리 반영

HANDOFF.md

@@ -4,7 +4,7 @@
 
 - 프로젝트명: 10 Minute Planner 웹 UI
 - 기술 스택: Vue 3 + Vite + TailwindCSS + JavaScript
-- 현재 기준 버전: `v0.1.40` 준비 중
+- 현재 기준 버전: `v0.1.41` 준비 중
 - Git 원격 저장소: `https://git.sori.studio/zenn/planner.sori.studio.git`
 
 ## 기준 디자인
@@ -204,6 +204,8 @@
 - `users` 테이블에 `role`, `last_login_at` 컬럼이 추가되었다.
 - 관리자 이메일은 현재 `ADMIN_EMAILS` 환경변수로 판별한다. 기본값은 `zenn.message@gmail.com`이며, 쉼표로 여러 이메일을 넣을 수 있다.
 - 관리자 대시보드는 현재 읽기 전용이며, 계정 정지/삭제/강제 로그아웃 같은 실제 운영 액션은 아직 없다.
+- 배포용 `docker-compose.yml`은 현재 PostgreSQL 외부 포트 `45432`, 프론트 외부 포트 `48081`, DB 계정 `zenn` 기준으로 맞춰져 있다.
+- 설정 화면의 보조 메모 카드는 주석 처리되어 현재는 보이지 않는다.
 - 비로그인 랜딩 카드는 상단 고정이 아니라 화면 중앙에 오도록 정렬을 수정했다.
 - 현재 환경에서는 Docker 데몬이 꺼져 있어서 `docker compose build` 실검증은 하지 못했고, 데몬 시작 후 다시 확인이 필요하다.
 - 이미지 저장 기능은 추후 `print-only` 또는 별도 export 전용 레이아웃을 기준으로 구현하면 화면/인쇄/공유 결과를 맞추기 쉽다.

docker-compose.yml

@@ -4,14 +4,14 @@ services:
     container_name: ten-minute-postgres
     environment:
       POSTGRES_DB: ten_minute_planner
-      POSTGRES_USER: planner
-      POSTGRES_PASSWORD: planner1234
+      POSTGRES_USER: zenn
+      POSTGRES_PASSWORD: wps!vmffosj180204
     volumes:
       - postgres_data:/var/lib/postgresql/data
     ports:
-      - "5432:5432"
+      - "45432:5432"
     healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U planner -d ten_minute_planner"]
+      test: ["CMD-SHELL", "pg_isready -U zenn -d ten_minute_planner"]
       interval: 10s
       timeout: 5s
       retries: 10
@@ -23,8 +23,8 @@ services:
     container_name: ten-minute-backend
     environment:
       PORT: 3001
-      DATABASE_URL: postgresql://planner:planner1234@postgres:5432/ten_minute_planner
-      CORS_ORIGIN: http://localhost:8080
+      DATABASE_URL: postgresql://zenn:wps%21vmffosj180204@postgres:5432/ten_minute_planner
+      CORS_ORIGIN: http://localhost:48081
       SESSION_TTL_DAYS: 30
     depends_on:
       postgres:
@@ -42,8 +42,8 @@ services:
     depends_on:
       - backend
     ports:
-      - "8080:80"
+      - "48081:80"
     restart: unless-stopped
 
 volumes:
-  postgres_data:
+  postgres_data:

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ten-minute-planner",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ten-minute-planner",
-      "version": "0.1.40",
+      "version": "0.1.41",
       "dependencies": {
         "vue": "^3.5.13"
       },

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ten-minute-planner",
   "private": true,
-  "version": "0.1.40",
+  "version": "0.1.41",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/SettingsDashboard.vue

@@ -71,12 +71,12 @@ function updatePasswordField(field, event) {
           <p class="mt-1 text-sm font-semibold text-stone-500">{{ user.email }}</p>
         </div>
       </div>
-      <div class="mt-6 space-y-3 rounded-[24px] border border-stone-200 bg-[#fbf7f0] p-4">
+      <!-- <div class="mt-6 space-y-3 rounded-[24px] border border-stone-200 bg-[#fbf7f0] p-4">
         <p class="text-[10px] font-bold tracking-[0.18em] text-stone-500">PROFILE NOTE</p>
         <p class="text-sm font-semibold leading-6 text-stone-700">
-          썸네일 이미지는 다음 단계에서 붙이는 편이 자연스럽습니다. 이번 단계에서는 계정 정보 수정과 비밀번호 변경 흐름을 먼저 안정화합니다.
+          ...
         </p>
-      </div>
+      </div> -->
     </aside>
 
     <div class="grid gap-6">