docs: 개발 앱 미리보기(subdomain) 섹션 추가

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
infra
2026-06-14 23:39:13 +09:00
parent d85089c96b
commit 573609cf72

View File

@@ -141,6 +141,23 @@ psql "$DATABASE_URL" # 본인 전용 스키마로 바로 접속됨
--- ---
## 7-1. 개발 중인 앱 미리보기 (브라우저에서 열기)
`npm run dev` 로 띄운 앱(예: `:3000`)을 브라우저로 보려면 — 워크스페이스는 사내 클러스터 안에 있어
`localhost:3000` 으로는 바로 안 열립니다. 아래 방법으로 **임시 미리보기 URL** 을 받으세요.
**VS Code 의 PORTS 패널 (가장 쉬움)**
1. 터미널에서 앱 실행: `cd ~/projects/myapp && npm run dev`
2. VS Code 하단 **`PORTS`** 탭 → **`Forward a Port`** → 포트 번호(`3000`) 입력
(앱이 뜨면 자동으로 감지해 알림이 뜨기도 합니다)
3. 포워딩된 포트 옆 **🌐 (Open in Browser)** 클릭 → 새 탭에 앱이 열립니다.
> 열리는 주소는 `https://<...>.coder.bokdev.in` 형태의 **본인 전용 임시 URL** 입니다(사내 정식 TLS 적용).
> 본인만 접근 가능하며, 워크스페이스를 끄면 사라집니다. **운영 배포가 아니라 미리보기용**입니다.
> (정식 서비스 배포는 9번 Coolify 참고.)
---
## 8. 컨테이너로 실행 (podman) ## 8. 컨테이너로 실행 (podman)
로컬에서 컨테이너로 돌려보기 (실제 런타임은 rootless podman, `docker` 명령도 동일하게 동작): 로컬에서 컨테이너로 돌려보기 (실제 런타임은 rootless podman, `docker` 명령도 동일하게 동작):