VSCode
-
[Github Copilot] Github Copilot Chat 미리 보기ETC 2023. 5. 24. 00:12
어느날 문득 Github에서 메일을 한 통이 날라왔다. Welcome to the Copilot chat private beta! You're off the waitlist and can start using Copilot chat. Getting Started Here are the instructions to get started: Before starting, please make sure that the GitHub ID you intend to use has an active subscription to GitHub Copilot and matches the ID that you used to join the GitHub Copilot chat waitlist. 잊고 있었던 Gopilot cha..
-
[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" }, ..
-
[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를 만들면 끝이..
-
[SSH] Windows OS에서 SSH 연결시 bad owner or permissions 오류 해결서버 관리/Windows 2021. 11. 6. 16:15
주로 리눅스 서버 터미널에 접속할 때 사용하는 SSH 명령어는 일반적으로 C:\Windows\System32\OpenSSH\ssh.exe 에 위치한 ssh 프로그램을 사용한다. 그런데 해당 프로그램의 문제인지, 권한 설정의 문제인지 ssh 를 사용하려고 하면 아래와 같은 메시지와 함께 접속을 수행할 수 없게된다. bad owner or permissions 권한 문제인가 싶어 관리자 권한으로 powershell을 열어도 소용없다. 따라서 아래와 같은 방법으로 해결했다. 해당 방법은 git 프로그램이 사전에 설치되어 있어야 한다. https://git-scm.com/ Git git-scm.com 1. 환경변수 설정란 이동 [내 PC] 에서 마우스 오른쪽 버튼으로 컨텍스트 메뉴를 연 뒤 속성을 선택한다. 시..
-
[code-server] 서버기반 개발환경으로 vscode를 실행하는 code-server 소개ETC 2021. 10. 31. 21:01
지난시간엔 MS의 vscode.dev를 소개하는 글을 올렸었다. 브라우저에서 vscode를 사용할 수 있어 어떤 디바이스를 사용해도 소스코드를 수정하거나 확인할 수 있지만, 터미널이나 실제 코드를 디버깅하는 기능은 사용할 수 없다는 단점이 있었다. 이번시간에는 비록 MS에서 직접 개발한 것은 아니지만, 서버 비용외 별도 사용량은 없는 MIT 기반 개발환경 구축 플랫폼인 code-server를 소개한다. https://github.com/cdr/code-server GitHub - cdr/code-server: VS Code in the browser VS Code in the browser. Contribute to cdr/code-server development by creating an accoun..