diff --git a/MANUAL.md b/MANUAL.md index e6c7259..7007f43 100644 --- a/MANUAL.md +++ b/MANUAL.md @@ -135,8 +135,8 @@ npm run dev # http://localhost:3000 에서 실행 ### 내 DB 직접 접속 ```bash -cd ~/projects/myapp # 프로젝트 폴더에서 (그래야 .project-env 가 로드됨) -psql "$DATABASE_URL" # 본인 전용 스키마로 바로 접속됨 +cd ~/projects/<본인 프로젝트> # 프로젝트 폴더에서 (그래야 .project-env 가 로드됨) +psql "$DATABASE_URL" # 본인 전용 스키마로 바로 접속됨 ``` --- @@ -146,8 +146,15 @@ psql "$DATABASE_URL" # 본인 전용 스키마로 바로 접속됨 `npm run dev` 로 띄운 앱(예: `:3000`)을 브라우저로 보려면 — 워크스페이스는 사내 클러스터 안에 있어 `localhost:3000` 으로는 바로 안 열립니다. 아래 방법으로 **임시 미리보기 URL** 을 받으세요. +> 먼저 7번처럼 `new-project <이름>` 으로 만든 **본인 프로젝트 폴더**가 있어야 합니다. +> (`myapp` 은 예시 이름입니다. `new-project` 로 만들지 않은 폴더는 없습니다.) + **VS Code 의 PORTS 패널 (가장 쉬움)** -1. 터미널에서 앱 실행: `cd ~/projects/myapp && npm run dev` +1. 터미널에서 본인 프로젝트 폴더로 가서 앱 실행: + ```bash + cd ~/projects/<본인이 만든 이름> # 예: cd ~/projects/myapp + npm run dev + ``` 2. VS Code 하단 **`PORTS`** 탭 → **`Forward a Port`** → 포트 번호(`3000`) 입력 (앱이 뜨면 자동으로 감지해 알림이 뜨기도 합니다) 3. 포워딩된 포트 옆 **🌐 (Open in Browser)** 클릭 → 새 탭에 앱이 열립니다.