AWS EC2에 VSCode Server 설치하기

AWS EC2에 VSCode Server 설치하기

AWS에 웹서버 작업이나. 프로그래밍을 하는 경우 유익한 툴은 VSCode Server입니다. 브라우저를 통해 서버에 설치된 VSCode를 할 수 있기 때문에 생산성이 높습니다.

 

SSH로 로그인된 상태에서 다음 단계를 따라갑니다.

 

설치 파일 다운로드  및 설치

설치 파일은 curl을 이용합니다. 'curl -fsSL https://code-server.dev/install.sh | sh'  

위 명령어는 설치 파일을 다운로드하여 설치까지 마칩니다. 옵션은 'f'는 'fail silently', 's'는 'silent, 'S'는 'Show error', 'L'은 'Location: 자동으로 새 위치로 따라감'을 의미합니다.

설치 후 서버 실행까지

VSCode 서버 실행

VSCode 서버 실행 명령은 'sudo systemctl enable --now code-server@ubuntu'입니다. 현재 사용자는 'ubuntu'입니다. AWS에서 인스턴스를 'ubuntu'를 선택했을 때, 기본 사용자가 'ubuntu'입니다.

 

config 파일 수정

sudo vi ~/.config/code-server/config.yaml
자신이 활용할 수 있는 방식으로 수정합니다. '0.0.0.0:8000'은 외부에서 브라우저로 접근하고자 할 때 사용하는 방법입니다. AWS에 설치하는 것이기에 이런 식으로 환경을 구성하고 8080포트도 열어야 합니다. 이것은 AWS 보안탭에서 설정을 변경합니다. 패스워드는 자신이 기억할 수 있는 암호를 기록합니다.

환경 설정

 

vi 편집기가 익숙하지 않은 사용자는 nano 편집기를 사용합니다. 위 화면은 vi 편집기에서 줄번호가 표시되게 한 상태입니다. 

 

서버 재실행

서버를 재실행 명령은 'sudo systemctl restart code-server@ubuntu'입니다.

서버 재실행

 

서버가 실행된 상태에서 아이피와 포트 번호를 이용하여 브라우저에서 열면 다음과 같은 VSCode를 만나게 됩니다. 환경 설정에 따라 Light모드와 Dark모드가 가능합니다. 아래는 Dark 모드를 선택한 상태입니다.

어두운 배경의 VSCode

 

정리

이와 같은 방법으로 온라인을 통해 VSCode 서버를 설치하여 활용할 수 있습니다. 파일을 다운로드 및 설치하고 서버를 실행합니다. 이어서 config 파일을 수정하고 웹브라우저에서 연결하여 사용하면 됩니다.