Skip to main content

GitHub 클래스룸에서 Visual Studio Code 사용 정보

Visual Studio Code를 GitHub Classroom의 과제 기본 편집기로 구성할 수 있습니다.

Note

VS Code에 대한 GitHub Classroom은 더 이상 활발하게 개발되고 있지 않습니다. 학생 리포지토리의 VS Code에서 열기 배지는 여전히 작동하지만 확장의 다른 기능은 예상대로 작동하지 않을 수 있습니다.

Visual Studio Code 정보

Visual Studio Code는 데스크톱에서 실행되며 Windows, macOS 및 Linux에 사용할 수 있는 간단하지만 강력한 소스 코드 편집기입니다. VS Code용 GitHub Classroom 확장을 사용하면 학생이 클래스룸 과제를 쉽게 찾아보고, 편집하고, 제출하고, 협업하고, 테스트할 수 있습니다. IDE와 GitHub Classroom에 대한 자세한 내용은 IDE와 GitHub 클래스룸 통합을(를) 참조하세요.

학생이 선택한 편집기

VS Code과(와) GitHub Classroom 통합은 학생에게 다음을 포함하는 확장 팩을 제공합니다.

  1. 학생이 쉽게 시작할 수 있도록 사용자 지정 요약이 포함된 GitHub Classroom 확장.
  2. Visual Studio Live Share 확장은 학생 보기에 통합되어 협업을 위해 조교 및 급우가 쉽게 액세스할 수 있습니다.
  3. GitHub 끌어오기 요청 확장을 사용하면 학생이 편집기 내에서 강사의 피드백을 볼 수 있습니다.

VS Code에서 과제를 시작하는 방법

과제를 만들 때 VS Code를 과제용 기본 편집기로 추가할 수 있습니다. 세부 정보는 IDE와 GitHub 클래스룸 통합을(를) 참조하세요.

여기에는 모든 학생 리포지토리의 "VS Code에서 열기" 배지가 포함됩니다. 이 배지는 VS Code, 클래스룸 확장 팩 설치 및 한 번의 클릭으로 활성 과제 열기를 처리합니다.

Note

VS Code에서 리포지토리로 코드를 푸시하려면 학생이 컴퓨터에 Git을 설치해야 합니다. VS Code에서 열기 단추를 클릭할 때 자동으로 설치되지 않습니다. 학생은 Git download에서 Git을 다운로드할 수 있습니다.

GitHub Classroom 확장 팩 사용 방법

GitHub Classroom 클래스룸 확장에는 '클래스룸' 보기와 '활성 과제' 보기의 두 가지 주요 구성 요소가 있습니다.

학생이 처음으로 확장 프로그램을 시작하면 VS Code의 탐색기 탭으로 자동으로 이동하여 리포지토리에 있는 파일의 트리 뷰와 함께 "활성 과제" 보기를 볼 수 있습니다.

학생은 "활성 과제" 줄 위로 마우스를 가져가면 표시되는 동기화 변경 단추를 클릭하여 최신 버전의 원격으로 커밋을 푸시할 수 있습니다. 이렇게 하면 Git을 사용하여 소스 제어를 요약하여 강사가 자신의 속도로 Git을 가르칠 수 있습니다. 또한 변경 내용을 동기화하면 교사가 과제에 자동 채점이 되도록 구성한 경우, "테스트"가 실행되도록 트리거됩니다.

과제가 그룹 프로젝트인 경우 "활성 과제" 아래의 "그룹" 노드에 그룹의 멤버가 표시됩니다. 또한 학생이 막혔을 때 도움을 줄 수 있는 리포지토리의 관리자 멤버도 표시됩니다. 프로젝트에서 협업을 하기 위해 학생은 그룹 노드에 있는 모든 사용자와 Live Share 세션을 시작할 수 있으며 리포지토리의 전체 컨텍스트를 즉시 공유합니다. Live Share에 대한 자세한 내용은 Visual Studio Live Share란?을 참조하세요.

학생이 과제를 완료하면 다른 과제 및 클래스룸을 보기 위해 탐색할 수도 있습니다. GitHub 탭에서 찾을 수 있습니다.