code-server로 vscode 웹에서 사용하기

vscode를 웹에서 사용하기 위해서 code-server를 이용하는 방법이 있다.

 

아래 링크를 보고 할 수 있다면 해도 된다.

github.com/cdr/code-server

cdr/code-server

✌ 원리

리눅스에 vscode를 웹버전으로 배포한다.

이게 가능한 이유는 vscode는 electron으로 만들어졌기 때문에 웹에서 구동되게 변환 가능하다.

🎈 준비물

1. 리눅스 서버 (가상머신이든, 클라우드든 상관없다)

 

🎆 설치방법

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
curl -fsSL https://code-server.dev/install.sh | sh

설치가 끝나면

 

/home/{유저명}/.config/code-server/config.yaml

(* 루트로 로그인했다면 /root/.config/code-server/config.yaml  에 있다)

 

위 파일이 생성된다. code-server 설정파일이다.

 

bind-addr: {IP주소}:{포트번호}
auth: password
password: {비밀번호}
cert: false

설정을 해준다.

 

mkdir code
code-server code/

 

이제 웹브라우저를 실행해서

http:{IP주소}:{포트번호} 입력하면 비밀번호 입력화면이 나온다.

비밀번호 입력하고 사용하면 된다.

 

 

아래는 아이폰 사파리를 통해 접속한 모습

😮 외부 접속 설정시 주의사항

* 기본IP 주소가 127.0.0.1로 설정돼있다. 이 값을 ifconfig 했을 때 나온 값으로 변경하지 않으면 외부에서 code-server에 접근할 수 없다.

* 외부에서 접근하고 싶다면 방화벽에서 {포트번호}를 열어주어야 한다.

* 공유기를 사용한다면 포트포워딩도 해주어야 외부에서 접근가능하다.