DevContainer로 개발환경 통일하기

DevContainer 기본 설정:

// .devcontainer/devcontainer.json
{
  "name": "My Project",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:18",
  "features": {
    "ghcr.io/devcontainers/features/docker-in-docker:2": {},
    "ghcr.io/devcontainers/features/git:1": {}
  },
  "forwardPorts": [3000, 5432],
  "postCreateCommand": "npm install",
  "customizations": {
    "vscode": {
      "extensions": [
        "dbaeumer.vscode-eslint",
        "esbenp.prettier-vscode"
      ]
    }
  }
}

장점:

• "내 PC에서는 되는데" 문제 해결
• 신규 팀원 온보딩: VS Code 열면 끝
• GitHub Codespaces와 동일 설정 사용 가능