노트북을 들고 다닐 필요 없이 어디서든 코딩할 수 있는 방법을 찾고 계신가요? Visual Studio Code의 모든 기능을 웹 브라우저에서 바로 사용할 수 있는 강력한 셀프 호스팅 애플리케이션인 code-server를 사용해 보세요.홈 랩 서버에 code-server를 설치하면 코드와 데이터에 대한 접근성과 제어를 모두 보장하는 원활한 개발 환경을 누릴 수 있으며, 타사 클라우드 IDE가 필요 없습니다.
코드 서버와 셀프 호스팅의 이점 이해
Code-server는 원격 서버에서 VS Code를 운영하여 모든 웹 브라우저에서 액세스할 수 있도록 합니다.데스크톱 버전과 동일한 기능을 제공하며, 자동 완성, 디버깅, Git 통합 및 다양한 확장 기능을 지원합니다.이러한 설정은 모든 컴퓨팅 작업이 서버에서 수행되어 어디에서나 일관된 환경을 유지하므로 태블릿이나 Chromebook과 같은 저전력 기기에 특히 유용합니다.
이 애플리케이션을 셀프 호스팅하면 여러 가지 주요 이점을 얻을 수 있습니다.개발 환경에 대한 탁월한 제어력, 향상된 개인 정보 보호, 개인 도메인 사용, HTTPS 활성화, 필요에 따라 컴퓨팅 리소스를 확장하면서 사용자 액세스 관리 등 다양한 기능을 사용자 정의할 수 있는 유연성을 얻을 수 있습니다.
시작하려면 이 편리한 요약지를 확인하세요!
Linux에 Code-Server 설치
Docker를 설치 과정에 활용하면 코드 서버를 설정하는 것이 간단합니다.
먼저, 다음 명령을 사용하여 Docker Hub에서 공식 코드 서버 이미지를 다운로드하세요.
sudo docker pull codercom/code-server
이 명령을 사용하면 컨테이너 생성을 진행하기 전에 최신 버전의 코드 서버 이미지가 로컬에 저장되어 있는지 확인할 수 있습니다.
다음으로, 고유한 비밀번호를 지정하고 영구 저장을 보장하는 명령을 실행하여 백그라운드에서 새 코드 서버 컨테이너를 시작합니다.
sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
이제 코드 서버가 설정되었으므로 웹 브라우저에서 http://localhost:8443을 입력하여 코드 서버에 접속하세요.명령 실행 시 설정한 비밀번호를 입력 docker run하고 “제출”을 클릭하여 코드 서버에 로그인하세요.
코드 서버 시작하기
로그인하시면 익숙한 VS Code 데스크톱 버전과 매우 유사한 인터페이스가 나타납니다.주요 구성 요소에 대한 간략한 개요는 다음과 같습니다.
파일 탐색기
파일 탐색기를 사용하면 프로젝트를 손쉽게 탐색할 수 있습니다.폴더를 탐색하고, 파일을 열고, 새 파일을 만들고, 프로젝트 구조를 손쉽게 관리할 수 있습니다.
편집자
중앙 영역은 편집기로, 대부분의 작업을 수행하는 곳입니다.파일을 열면 데스크톱 버전의 VS Code에서처럼 코드를 작성하고 서식을 지정할 수 있는 창이 여기에 표시됩니다.
단말기
터미널은 코드 서버 하단에 편리하게 위치해 있습니다.상단 메뉴에서 “터미널”을 선택한 후 “새 터미널”을 선택하거나 키보드 단축키 Ctrl+ 를 사용하여 열 수 있습니다.또한, + + 를 `눌러 터미널에 빠르게 액세스할 수 있습니다.CtrlShiftC
확장 프로그램
VS Code를 강력하게 만드는 것은 바로 확장 기능입니다.사이드바에 있는 확장 기능 탭을 사용하면 린터, 테마, 다양한 언어 지원 도구가 포함된 VS Code 확장 기능을 탐색, 설치 및 관리할 수 있습니다.
검색 창을 사용하여 확장 프로그램을 검색하면 빠르게 설치하고 활성화하여 개발 환경의 기능을 향상시킬 수 있습니다.
브라우저 기반 IDE 개인화
테마를 변경하는 등 IDE의 모양을 사용자 지정하려면 왼쪽 하단 모서리에 있는 기어 아이콘을 클릭하고 “테마” 위에 마우스를 올려놓고 드롭다운 메뉴에서 “색상 테마”를 선택하세요.
사용 가능한 테마 목록이 표시되어 원하는 테마를 미리 보고 적용할 수 있습니다.
게다가, 확장 프로그램 탭에서 원하는 테마를 쉽게 설치하고 즉시 활성화할 수 있습니다.
또한, 톱니바퀴 아이콘을 클릭하고 ‘설정’을 선택하여 다른 설정을 사용자 지정할 수 있습니다.여기에서 편집기 동작, 글꼴 크기, 형식 등을 수정할 수 있습니다.
Code-Server에서 첫 번째 프로그램 만들기 및 실행
새 파일을 만들려면 탐색기 패널을 활용하거나 키보드 단축키 Ctrl+ Alt+ 를 사용하세요 N.
프로그래밍 언어를 선택하려면 언어 선택을 클릭 하거나 단축키 Ctrl+ 를 사용한 K다음 M, Python과 같은 원하는 언어를 선택하세요.
다음 코드를 편집기에 붙여넣어 “Welcome to maketecheasier.com”을 세 번 인쇄하세요.
for i in range(3): print("Welcome to maketecheasier.com")
이 프로그램을 실행하기 전에 서버에 Python이 설치되어 있는지 확인하세요.Ctrl+ 키 를 눌러 파일을 저장하고 S, 적절한 이름을 지정한 후 “확인”을 클릭하세요.
Python 스크립트를 실행하려면 Ctrl+ 를 눌러 터미널을 열고 `다음 명령을 실행하세요.
python3 mteExample.py
Linux 시스템에서 코드 서버를 성공적으로 실행하면 이제 브라우저 기반 개발의 이점을 누릴 수 있습니다.테마와 확장 프로그램을 사용하여 환경을 개인화하고, 다양한 프로그래밍 언어에서 코드를 실행하고, 사용자 지정 도메인과 HTTPS를 통해 액세스를 보호할 수 있습니다.다음 단계로, Git 워크플로를 살펴보거나, 프로덕션 환경에서 SSL을 활성화하거나, JupyterLab, Docker, Portainer와 같은 추가 웹 기반 도구를 통합하여 홈 랩의 기능을 확장하는 등 설정을 개선하는 것을 고려해 보세요.
답글 남기기