본문 바로가기

IT/NAS

[자작NAS] 웹 기반 Visual Studio Code 설치

Visual Studio Code는 최근 가장 핫한 에디터 중 하나입니다.

여러 언어를 위한 다양한 확장 기능들로 인기가 많은 툴입니다.

VS Code를 웹 기반으로 동작시키는 code-server라는 프로젝트가 있습니다.

아래 링크를 통해 해당 프로젝트의 정보를 확인할 수 있습니다.

https://github.com/cdr/code-server

 

cdr/code-server

Run VS Code on a remote server. Contribute to cdr/code-server development by creating an account on GitHub.

github.com

웹 기반으로 어디서든 접속해서 코딩이 가능한 웹 기반 VS Code 설치 방법을 알아보겠습니다.

 

Docker를 통한 code-server 설치를 위해 먼저 디렉토리를 생성합니다.

sudo mkdir -p /data/code-server/config

다음 Docker 명령어로 컨테이너를 생성합니다.

sudo docker create \
--name=code-server \
--net=host \
-e PUID=$UID \
-e PGID=$(id -g $USER) \
-e TZ=Asia/Seoul \
-e PASSWORD=비밀번호 \
-e SUDO_PASSWORD=비밀번호 \
-v /data/code-server/config:/config \
--restart unless-stopped \
linuxserver/code-server

공식 이미지가 아닌 linuxserver에서 제공하는 이미지를 통해 설치를 진행했습니다.

PASSWORDSUDO_PASSWORD 부분의 비밀번호는 원하는 값으로 변경하면 됩니다.

생성된 컨테이너를 시작시켜주면 설치는 완료됩니다.

sudo docker start code-server

컨테이너 시작 이후에 http://IP주소:8443 형태의 주소로 접속 가능합니다.

IP주소는 실제 컨테이너가 동작 중인 서버의 주소를 입력하면 됩니다.

Enter server Password

시작 화면이 표시되고 PASSWORD에 입력했던 비밀번호를 입력하면 IDE가 표시됩니다.

code-server

웹 버전이 아닌 VS Code와 동일한 화면을 확인할 수 있습니다.

새로운 파일이나 프로젝트를 생성해서 코딩을 진행하는 것이 가능합니다.

New File

새로운 파일을 열어서 작성하고 저장하는 것도 가능합니다.

Terminal

아래 명령어들을 터미널 창에 입력해서 Python 3.8 설치도 가능합니다.

관리자 권한을 요구할 때는 SUDO_PASSWORD 값으로 입력한 비밀번호를 사용합니다.

sudo apt update
sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget
wget https://www.python.org/ftp/python/3.8.2/Python-3.8.2.tgz
tar -xf Python-3.8.2.tgz
cd Python-3.8.2
./configure --enable-optimizations
make -j 8
sudo make altinstall

완료하고 버전을 확인하면 설치된 버전이 화면에 표시됩니다.

python3.8 --version

Python 3.8.2

파이썬 설치가 완료되고 파이썬 버전이 표시되는 것을 확인할 수 있습니다.

Extensions

또한 다양한 확장 기능 역시 설치가 가능합니다.

파이썬 개발 환경을 위해 Python을 검색하고 설치하면 됩니다.

파이썬 테스트

마지막으로 간단한 테스트 코드를 작성하고 우측 상단의 재생 버튼을 누르면 실행이 됩니다.

추가적으로 원하는 개발 환경을 설정하면 다양한 언어를 사용할 수 있게 됩니다.