[Docker] Code-server 구축

 

* CODE-SERVER 란?

code-server는 한마디로 인터넷 브라우저를 통해 VSCode를 쓸수 있게 해주는 것이다! 도커 기반의 컨테이너 이미지로 만들어져 있어서 도커만 있다면 손쉽게 서비스를 만들 수 있다.

* 어떻게 만드는가?

도커 머신 기반으로 세팅 하는것이기 때문에 도커에 대한 이해가 조금만 있다면 누구나 쉽게 할 수 있다. 필자는 Synology NAS를 가지고 있어서 그 위에 셋업을 하였으나, AWS나 GCP의 무료 인스턴스를 이용해도 무방하다!

1. Cent OS 에 Docker 설치하기

> yum install -y yum-utils
> yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
> yum install -y docker-ce

> systemctl start docker
> docker --version

2. Docker Image 다운로드

: 도커가 설치 되면 이미지를 다운로드 한다.

코드를 입력# 도커 이미지 검색
> docker search code-server

# 도커 이미지 다운로드
# docker pull 이미지명:버전명
> docker pull linux-server/code-server:4.7.0하세요

3. 다운받은 도커 이미지 러닝

# 다운받은 도커 이미지 확인
> docker images

# 도커 이미지 실행
# 사용 포트는 8443이고, 리액트와 익스프레스 개발을 위해 3000, 7000번 포트도 맵핑함
> docker run -it --name code-server01 -h code-server01 -e PASSWORD='P@ssw0rd' -e SUDO_PASSWORD='P@ssw0rd' -p 8443:8443 -p 3000:3000 -p 7000:7000 -d linuxserver/code-server:4.7.0

# 이미지가 잘 실행 됫는 지 확인
> docker ps

# su 패스워드 설정
> sudo su
> P@ssw0rd
> passwd
> P@ssw0rd

> su
> P@ssw0rd

4. 컨테이너 접속

: 브라우저 주소창에 http://서버아이피:8443 으로 접속
: https 인증서를 적용 할 수 있으나 해당 내용은 설명하지 않음!

5. PASSWORD 설정

* 참고자료

• nodejs, npm 최신 버전 설치 : https://velog.io/@ywoosang/Node.js-%EC%84%A4%EC%B9%98
• code-server Ubuntu에 Yum 설치시 오류 처리 : https://integer-ji.tistory.com/370