codespace
-
[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 와 동일한 인터페이스의 웹 기반 개발환경을 확인할 수 있다. 기본적..
-
[Gitpod] 무료 브라우저 기반 VSCode 개발환경 GitPod 소개ETC 2022. 2. 5. 18:40
브라우저환경에서 개발하는 셀프호스팅 방식의 서비스 `code-server`를 찍먹해본적이 있었다. code-server 자체는 무료지만, 별도의 서버가 필요하다. 이번시간에 소개하는 서비스는 개인개발자 한정으로 무료 사용이 가능한 Gitpod를 소개한다. https://www.gitpod.io/ Gitpod - Always ready to code Gitpod streamlines developer workflows by providing prebuilt, collaborative developer environments in your browser - powered by VS Code. www.gitpod.io 사용방법은 아주 간단하다. 가입하고, 리포지토리를 불러와서, workspace를 만들면 끝이..
-
[vscode.dev] 브라우저 기반 에디터 vscode.dev 소개ETC 2021. 10. 23. 11:58
무료 개발 툴 중에서 가장 인기가 많다고해도 과언이 아닌 코드 에디터 vscode의 웹 브라우저 버전이 정식으로 나왔다. 최신 브라우저에서 https://vscode.dev 를 접속하면 확인할 수 있다. 브라우저에서 동작하기 때문에 갤럭시탭이나 아이패드와 같은 테블릿이나 휴대폰에서도 접속하여 사용이 가능하다. 물론 접속한 브라우저와 기기OS의 상황에 따라 로컬 프로젝트 사용가능 유무가 갈리며, 디버깅에 제약이 있다. 이번시간엔 일반적인 PC 환경 외, 테블렛에서도 적용 가능한 방법으로 vscode.dev 를 맛보기로 한다. 1. Github에서 리포지토리 만들기 기능을 제대로 사용하기위해선 Github 계정이 필요하므로 가입이 선행되어야 한다. Github에서 신규 리포지토리를 만든다. 2. vscode..