깃허브의 새로운 서비스와 기능

GitHub 코드 기반 개발 도구 정리

---

1. GitHub Codespaces

개념

• 개발환경을 브라우저 기반으로 제공
• VS Code를 웹에서 실행하여 코드 작성 및 관리 가능
• 로컬 설치 없이도 코딩, 빌드, 실행, 커밋 가능
• 시간과 저장공간 사용에 따라 요금이 부과됨

사용 방법

1. 저장소 → [Code] 버튼 클릭
2. [Create codespace on main (또는 master)] 선택
3. 자동으로 가상 개발환경 설정
4. 편집기 환경이 뜨면 로컬 VS Code처럼 사용 가능
5. 확장 기능도 설치 및 사용 가능

---

2. GitHub.dev

개념

• 웹 브라우저에서 VS Code UI 기반의 편집기를 제공
• 로컬 환경 설치 없이 간단한 코드 수정 가능
• 별도 비용 없이 사용 가능

사용 방법

• 저장소에서 마침표 . 키를 누르거나
• https://github.dev/사용자명/저장소명 주소로 직접 접속

기능

• 탐색기에서 파일 클릭 → 코드 수정 가능
• 파란 막대: 수정된 부분 시각적으로 표시
• README.md 파일은 우측에서 미리보기 가능
• 브라우저 상에서 파일 수정 후 푸시도 가능

---

3. GitHub Copilot (AI 코드 추천 도우미)

개념

• GitHub와 OpenAI가 공동 개발한 AI 기반 코드 제안 도구
• 코드 작성 시 자동으로 코드 조각, 함수, 문장 등을 제안
• 주석을 작성하면 그 내용을 바탕으로 코드 생성

설치 및 사용법

1. VS Code에서 확장 프로그램 → copilot 검색
2. GitHub Copilot 확장 설치
3. [Sign in to GitHub] 클릭 → GitHub 계정 연동

주요 기능

• 주석 입력 → AI가 해당 내용을 바탕으로 코드 생성
• 함수 이름만 입력해도 예상 코드 자동 제안
• Alt + [ / Alt + ]: 이전/다음 제안으로 이동
• // 또는 /* */ 형식의 주석만 입력해도 적절한 주석 제안

예시

// 배열의 평균을 계산하는 함수
function average(arr) {
  // 제안: 전체 합계를 구한 후 길이로 나눈다
}

---

요약 비교표

도구명	기능 요약	특징
Codespaces	전체 개발환경 웹으로 제공	유료(시간/용량 기준), 확장 설치 가능
GitHub.dev	코드 편집 전용 웹 VS Code	무료, 가볍고 빠른 수정에 적합
Copilot	AI 코드 자동 제안	주석이나 함수명만으로 코드 생성