참고: github.dev 편집기는 현재 베타 미리 보기로 제공됩니다. 토론에서 피드백을 제공할 수 있습니다.
github.dev 편집기 정보
github.dev 편집기에서는 브라우저에서 완전히 실행되는 간단한 편집 환경을 소개합니다. github.dev 편집기를 사용하여 GitHub에서 파일 및 소스 코드 리포지토리를 탐색하고 코드를 변경하고 커밋할 수 있습니다. 편집기에서 리포지토리, 포크 또는 끌어오기 요청을 열 수 있습니다.
github.dev 편집기는 GitHub.com에서 모든 사용자가 무료로 사용할 수 있습니다.
github.dev 편집기에서는 검색, 구문 강조 표시 및 소스 제어 뷰와 같은 Visual Studio Code의 많은 이점을 제공합니다. 설정 동기화를 사용하여 편집기에서 사용자 고유의 VS Code 설정을 공유할 수도 있습니다. 자세한 내용은 VS Code 설명서의 “설정 동기화”를 참조하세요.
github.dev 편집기가 브라우저의 샌드박스에서 완전히 실행됩니다. 편집기에서 리포지토리를 복제하지 않고 대신 GitHub 리포지토리 확장을 사용하여 사용할 대부분의 기능을 수행합니다. 작업은 커밋할 때까지 브라우저의 로컬 스토리지에 저장됩니다. 항상 액세스할 수 있도록 변경 내용을 정기적으로 커밋해야 합니다.
github.dev 편집기를 사용하려면 GitHub.com에 로그인해야 합니다.
github.dev 편집기 열기
다음 방법 중 하나로 github.dev에서 GitHub 리포지토리를 열 수 있습니다.
-
동일한 브라우저 탭에서 리포지토리를 열려면 를 누릅니 다. GitHub에서 리포지토리 또는 끌어오기 요청을 검색하는 동안
새 브라우저 탭에서 리포지토리를 열려면 를 누릅니다 >.
-
URL을 “github.com”에서 “github.dev”로 변경합니다.
-
파일을 볼 때 옆에 있는 드롭다운 메뉴를 사용하고 github.dev에서 열기를 선택합니다.
Codespaces 및 github.dev
github.dev 및 GitHub Codespaces 모두 리포지토리에서 바로 코드를 편집할 수 있습니다. 그러나 사용 사례에 따라 둘 다 약간 다른 이점이 있습니다.
| github.dev | GitHub Codespaces | |
|---|---|---|
| 비용 | 비어 있음. | 개인 계정에 대한 무료 월별 사용 할당량입니다. 가격 책정에 대한 자세한 내용은 "GitHub Codespaces에 대한 청구 정보"를 참조하세요. |
| 가용성 | GitHub.com의 모든 사용자가 사용할 수 있습니다. | GitHub.com의 모든 사용자가 사용할 수 있습니다. |
| 시작 | github.dev는 키 누르기로 즉시 열리며 추가 구성 또는 설치를 기다릴 필요 없이 바로 사용할 수 있습니다. | codespace를 만들거나 다시 시작하면 codespace에 VM이 할당되고 파일 내용 devcontainer.json에 따라 컨테이너가 구성됩니다. 이 설정은 환경을 만드는 데 몇 분 정도 걸릴 수 있습니다. 자세한 내용은 "리포지토리에 대한 codespace 만들기"를 참조하세요. |
| 컴퓨팅 | 연결된 컴퓨팅이 없으므로 코드를 빌드 및 실행하거나 통합 터미널을 사용할 수 없습니다. | GitHub Codespaces를 사용하면 애플리케이션을 실행하고 디버그할 수 있는 전용 VM의 기능을 얻을 수 있습니다. |
| 터미널 액세스 | 없음 | GitHub Codespaces은(는) 기본적으로 일반적인 도구 집합을 제공하므로 로컬 환경에서와 똑같이 터미널을 사용할 수 있습니다. |
| 확장 | 웹에서 실행할 수 있는 확장의 하위 집합만 확장 보기에 표시되고 설치할 수 있습니다. 자세한 내용은 “확장 사용”을 참조하세요. | GitHub Codespaces를 사용하면 Visual Studio Code Marketplace의 대부분의 확장을 사용할 수 있습니다. |
Codespaces에서 계속 작업
github.dev에서 워크플로를 시작하고 codespace에서 작업을 계속할 수 있습니다. 실행 및 디버그 보기 또는 터미널에 액세스하려고 하면 github.dev에서 사용할 수 없다는 알림이 표시됩니다.
codespace에서 작업을 계속하려면 작업 계속... 을 클릭하고 새 codespace 만들기를 선택하여 현재 분기에 codespace를 만듭니다. 이 옵션을 선택하기 전에 변경 내용을 커밋해야 합니다.
원본 제어 사용
github.dev를 사용하는 경우 모든 작업은 왼쪽의 활동 표시줄에 있는 소스 제어 뷰를 통해 관리됩니다. 소스 제어 보기에 대한 자세한 내용은 VS Code 설명서의 “버전 제어”를 참조하세요.
github.dev는 GitHub 리포지토리 확장을 사용하여 기능을 강화하므로 변경 내용을 숨기지 않고 분기를 전환할 수 있습니다. 자세한 내용은 VS Code 설명서에서 “GitHub 리포지토리”를 참조하세요.
새 분기 만들기
- 현재 분기가 상태 표시줄에 표시되지 않으면 codespace 아래쪽에서 상태 표시줄을 마우스 오른쪽 단추로 클릭하고 소스 제어를 선택합니다.
- 상태 표시줄에서 분기 이름을 클릭합니다.