이 확장은 선생님이 VS Code에서 보고 있는 화면을 학생에게 실시간으로 그대로 보여주는 교육용 도구입니다. 선생님이 코드를 편집하거나 셀을 실행하면 학생 화면에도 즉시 똑같이 나타납니다. 채팅과 설문조사, 판서 기능이 있어서 수업 중에 서로 소통할 수 있습니다.

<aside> 🎯 선생님은 확장에서 Start Session 버튼을 누르고, 화면에 뜬 주소(URL)를 학생에게 전달합니다. 학생은 그 주소를 브라우저에 열거나 VS Code에서 열면 선생님 화면이 바로 보입니다.

학생은 선생님의 화면을 두 가지 방법으로 볼 수 있습니다. 첫째, 웹 브라우저로 주소만 열면 됩니다(설치가 필요 없고 휴대폰에서도 됩니다). 둘째, VS Code 안의 Viewer로 열 수 있습니다(Code Class Live Sharing 익스텐션 설치가 필요합니다). 어느 방법이든 학생은 선생님 코드 화면을 실시간으로 보고, 코드 또한 복사해서 자기 파일에 붙여넣을 수 있습니다.

</aside>

Code Class Live Sharing 익스텐션의 기능

• 선생님 파일을 실시간으로 함께 보기. 선생님이 연 파일을 학생이 같은 화면으로 봅니다. 주피터 노트북(.ipynb)은 셀과 실행 결과(그래프, 표, 이미지)까지 보이고, .py, .md, .txt 같은 텍스트 파일은 색이 입혀진 코드로 보입니다. 선생님이 다른 파일을 열면 학생 화면도 자동으로 바뀝니다.
• 선생님 커서 따라 보기. 선생님이 지금 어디를 편집하고 있는지 깜빡이는 커서로 학생 화면에 표시됩니다. 학생은 아무것도 누르지 않아도 선생님이 설명하는 위치를 바로 따라볼 수 있습니다.
• 코드 복사하기. 학생은 선생님이 공유한 코드를 Copy 버튼으로 복사해 자기 파일에 붙여넣을 수 있습니다. 파일 전체를 내려받는 Download 버튼도 있습니다.
• 실시간 채팅. 선생님은 VS Code 사이드바에서, 학생은 브라우저나 VS Code 뷰어에서 메시지를 주고받습니다.
• 설문조사(Poll). 선생님이 질문을 올리면 학생이 버튼으로 투표하고, 결과가 막대그래프로 바로 집계됩니다. Quick Check Poll 버튼은 클릭 한 번으로 '지금까지 내용, 이해되셨나요?'(👍 네, 이해했어요 / 🤔 아직 잘 모르겠어요)를 물어봅니다.
• 판서(Drawing). 선생님이 화면 위에 펜이나 형광펜으로 필기하면 학생 화면에도 그대로 그려집니다.
• 다크/라이트 테마. 학생이 화면 밝기를 취향대로 바꿀 수 있습니다.

<aside> 🔒 개인정보와 보안. 공유되는 파일과 채팅, 설문, 판서 내용은 선생님 컴퓨터에서 학생 브라우저로 직접 전달되며, 어떤 서버에도 저장되지 않습니다. 개발자에게 전송되는 정보도 전혀 없습니다. 외부에서 접속할 수 있게 해 주는 Cloudflare 연결은 선생님이 처음 한 번 동의한 뒤에만 켜집니다.

</aside>

1. 확장 설치하기 (선생님과 학생 모두)

2. 수업 공유하기 (선생님)

3. 수업 듣기 (학생)

4. 설정 (선생님)