Code Server 배포하기¶

이 튜토리얼에서 무엇을 배우나요?¶

이 튜토리얼은 Runway 앱 카탈로그를 사용하여 Code Server를 배포해보는 실습입니다.

로컬 PC에 VS Code를 설치할 수 없는 환경이거나, 서버 리소스를 직접 활용하는 개발 환경이 필요한 경우에 유용합니다.
이 튜토리얼에서 익힌 배포 과정은 JupyterLab, DB 등 다른 카탈로그 앱에도 동일하게 적용됩니다.

튜토리얼을 마치면 아래 경험을 직접 해볼 수 있습니다:

프로젝트에 스토리지 볼륨을 생성하는 방법
앱 카탈로그에서 Code Server를 배포하는 방법
values.yaml에서 볼륨 연결과 URL을 설정하는 방법
브라우저에서 Code Server에 접속하는 방법

용어 알아보기

스토리지 볼륨: Kubernetes PVC 기반의 영구 저장 공간입니다. 컨테이너가 재시작되어도 코드와 데이터가 유지됩니다.
앱 카탈로그: 자주 사용하는 개발 도구를 헬름 차트로 패키징하여 클릭 몇 번으로 배포할 수 있도록 제공하는 기능입니다.
Code Server: 브라우저에서 실행되는 VS Code입니다. 로컬에 아무것도 설치하지 않고도 서버 환경에서 코드를 작성할 수 있습니다.
values.yaml: 헬름 차트 배포 시 기본값을 재정의하는 설정 파일입니다. 볼륨 연결, URL, 리소스 등을 지정합니다.
httpRoute: 외부에서 애플리케이션에 접근할 수 있도록 URL을 연결하는 설정입니다.

이 튜토리얼에서 사용하는 도구¶

도구	사용자 접근 방식	이 튜토리얼에서의 역할
앱 카탈로그	Runway 프로젝트 > 카탈로그 메뉴	Code Server 배포
Code Server	브라우저 URL	코드 작성 개발 환경
스토리지	Runway 프로젝트 > 스토리지 메뉴	코드와 데이터 영구 저장

전체 흐름¶

flowchart TD
    A["시작 전 준비 (공통)\nRunway 로그인 · 프로젝트 접근 권한 확인"]
    B["1단계. 스토리지 볼륨 생성\n코드와 데이터를 저장할 공간 확보"]
    C["2단계. Code Server 배포\n앱 카탈로그에서 배포 · 볼륨 연결 · URL 설정"]
    D["3단계. Code Server 접속\n브라우저에서 VS Code 환경 접속"]

    A --> B --> C --> D