인터넷
  │
  ▼
[Nginx :80/:443]          ← Web Server (정적 파일, SSL, 로드밸런싱)
  │  proxy_pass
  ▼
[WAS :3000]               ← App Server (API, 비즈니스 로직, DB 연결)
  │
  ▼
[DB :5432]                ← 데이터베이스

# docker-compose.yml
services:
  nginx:
    image: nginx:alpine
    ports:
      - "80:80"          # 외부에서 80포트로 접근
    depends_on:
      - app

  app:
    build: ./app
    # ports를 외부에 노출하지 않음 — nginx를 통해서만 접근 가능

# nginx.conf
server {
    listen 80;

    # /api 로 시작하는 요청은 WAS로 전달
    location /api {
        proxy_pass http://app:3000;   # 서비스 이름 'app' 사용
    }

    # 나머지는 정적 파일 서빙
    location / {
        root /usr/share/nginx/html;
        try_files $uri $uri/ /index.html;
    }
}

web-was-lab/
├── docker-compose.yml          # 전체 서비스 구성
├── docker-compose.dev.yml      # 개발 환경 override
├── nginx/
│   ├── Dockerfile              # (또는 config만 mount)
│   └── nginx.conf              # 리버스 프록시 설정
└── app/
    ├── Dockerfile              # WAS 이미지 빌드
    ├── package.json
    └── src/
        └── index.js            # 애플리케이션 코드

// app/src/index.js
const express = require('express')
const app = express()
const PORT = process.env.PORT || 3000

app.use(express.json())

// 헬스체크 엔드포인트
app.get('/api/health', (req, res) => {
  res.json({ status: 'ok', version: process.env.APP_VERSION || '1.0.0' })
})

// 메인 API
app.get('/api/hello', (req, res) => {
  res.json({ message: '안녕하세요, Docker WAS입니다!' })
})

app.listen(PORT, () => {
  console.log(`WAS 서버 시작: 포트 ${PORT}`)
})

// app/package.json
{
  "name": "was-app",
  "version": "1.0.0",
  "scripts": {
    "start": "node src/index.js",
    "dev": "nodemon src/index.js"
  },
  "dependencies": {
    "express": "^4.18.2"
  },
  "devDependencies": {
    "nodemon": "^3.0.2"
  }
}

# app/Dockerfile
FROM node:20-alpine

WORKDIR /app

# 의존성 먼저 복사 (레이어 캐시 최적화)
COPY package*.json ./
RUN npm ci --only=production

# 소스 코드 복사
COPY src/ ./src/

ENV PORT=3000
EXPOSE 3000

CMD ["node", "src/index.js"]

# nginx/nginx.conf
upstream was_backend {
    server app:3000;
}

server {
    listen 80;
    server_name localhost;

    # 액세스 로그 포맷
    access_log /var/log/nginx/access.log;

    # 정적 파일 서빙
    location / {
        root /usr/share/nginx/html;
        index index.html;
        try_files $uri $uri/ /index.html;
    }

    # API 요청을 WAS로 전달
    location /api/ {
        proxy_pass http://was_backend;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_connect_timeout 10s;
        proxy_read_timeout 30s;
    }
}

# docker-compose.yml
services:
  nginx:
    image: nginx:alpine
    ports:
      - "80:80"
    volumes:
      - ./nginx/nginx.conf:/etc/nginx/conf.d/default.conf:ro
      - ./nginx/html:/usr/share/nginx/html:ro
    depends_on:
      app:
        condition: service_healthy
    restart: unless-stopped

  app:
    build:
      context: ./app
      dockerfile: Dockerfile
    environment:
      - NODE_ENV=production
      - PORT=3000
      - APP_VERSION=1.0.0
    healthcheck:
      test: ["CMD", "wget", "-qO-", "http://localhost:3000/api/health"]
      interval: 10s
      timeout: 5s
      retries: 3
      start_period: 10s
    restart: unless-stopped

networks:
  default:
    name: web-was-network

# docker-compose.dev.yml
# 사용법: docker compose -f docker-compose.yml -f docker-compose.dev.yml up
services:
  app:
    build:
      target: development    # 멀티 스테이지 dev 스테이지 사용 시
    volumes:
      # 소스 코드를 bind mount — 파일 변경이 즉시 반영됨
      - ./app/src:/app/src
    environment:
      - NODE_ENV=development
      - APP_VERSION=dev
    command: npm run dev     # nodemon으로 hot reload
    ports:
      - "3000:3000"          # 개발 중 직접 접근 허용