devcontainer
-
[DevContainer] 컨테이너 환경에서 Vite의 hot reload가 안될 경우 (with VSCode, svelte)ETC 2023. 2. 23. 00:19
일반적인 로컬환경에서는 잘 동작하는 vite hot reload가 sveltekit 프로젝트를 devcontainer 내에서 코딩 및 디버그를 할 때제대로 동작하지 않고 매번 npm run dev 명령어로 새로 실행해줘야 수정사항이 반영되는 현상이 있었다. 해결방법은 로컬에 있는 소스코드를 bind 방식이 아닌, volume 으로 동작해야하는데, 이렇게 되면 빌드 후 생성된 volumne이 빈 volumne이 된다. // See https://containers.dev/implementors/json_reference/ for configuration reference { "name": "Node.js with firebase", "build": { "dockerfile": "Dockerfile" }, ..
-
[Docker] docker endpoint for "default" not found 발생 시 해결ETC 2023. 2. 15. 22:50
devcontainer 환경에서 구성한 docker-compose build 과정에서 docker endpoint for "default" not found 라는 메시지가 나타났다. Windows의 경우 아래와 같이 시도해보라고 한다. 1. .docker 폴더 삭제 말그래도 개인폴더 및에 있는 .docker 폴더를 삭제해보라고 한다. 일반적인 설정으로 Windows OS를 설치했다면 아래와 같은 경로에 자신의 .docker 폴더를 찾을 수 있을 것 이다. C:\Users{유저폴더명}.docker 2. docker 재실행 pwsh 기준으로 아래와 같이 재실행하거나, 그냥 시스템 tray 아이콘에서 restart 눌러주면 된다. $processes = Get-Process "*docker desktop*" ..
-
[Github Codespace] Codespace 생성 시 필요 확장 자동 설치 되도록 구성ETC 2022. 12. 23. 22:24
Visual Studio Code의 확장은 고유한 확장ID (Extension ID)를 가지고 있다. 확장에서 톱니바퀴를 누르면 해당 ID를 복사하여 확인할 수 있다. VSCode를 CLI 기반으로 설치할 때 해당 값을 이용해 확장도 함께 설치할 수 있도록 처리할 수 있는데, Codespace에서도 이것을 이용해 개발환경 생성시 확장도 함께 설치할 수 있도록 구성할 수 있다. 아래는 지난번 생성했던 devcontainer.json 파일에 vscode 확장을 설치 할 수 있는 구성을 추가한 내용이다. image가 이전과 달리 base:ubuntu로 되어 있는데 필요한 항목만 설치하여 Codespace 구축시간을 단축하고자 바꾼 것이므로 이번 내용과는 무관하다. { "image": "mcr.microsoft..
-
[Github Codespace] Codespace + DevContainer로 Cloud 개발환경 구축 맛보기ETC 2022. 12. 22. 21:26
Github 에선 Codespace 라 불리는 클라우드 기반 개발환경을 한도내 무료로 제공하고 있다. 갤럭시탭이나 아이패드에서 웹으로 vscode를 사용할 수 있어 유용하나, 출시초기엔 유료였다. 그러나 Gitpod나 code-server와 같은 클라우드 개발환경이 여럿 나오다보니 정책이 좀 바뀐 듯 하다. 1달 기준으로 일정 사용량을 넘지만 않으면 무료로 사용할 수 있다. 추가방법은 간단하다. Github 사이트에서 자신의 리포지토리에 Code 를 눌러 확인할 수 있다. 별도의 설정없이 + 버튼을 바로 누르면 개발환경 준비작업을 시작한다. 컨테이너 image를 내려받고, 환경을 세팅하기까지 몇 분정도 소요되며, 기다리고나면 vscode 와 동일한 인터페이스의 웹 기반 개발환경을 확인할 수 있다. 기본적..