[Nginx] 웹 서버에 VScode 설치(아이패드에서 VScode 사용하기)

⚙️ 웹 서버에 VScode 설치하기

아마존 라이트세일(AWS), 구글 클라우드 플랫폼(GCP), 오라클 클라우드(OC)에 내 서버를 생성한 후 서버에 code-server를 설치하면 아이패드에서도 VScode 실행 및 사용이 가능합니다.

해당 글은 Ubuntu 20.04 기준으로 작성되었습니다.

평생 무료 오라클 클라우드 서버 만들기

Oracle Cloud에 평생 무료 서버를 만드는 방법은 이 링크🔗를 참고하세요.

내 서버에 VScode 연동

링크🔗된 포스팅에 나온 과정이 모두 진행된 다음 순서로 진행합니다.

root 계정에서 진행합니다.

sudo su

아래 커맨드로 code-server를 다운받습니다. code-server는 아이패드로 VScode를 실행할 수 있게 해 주는 가장 기본적인 요소입니다.

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

성공적으로 설치되었습니다. code-server를 시작하고, 부팅시도 다시 시작되게 하기 위해 아래 커맨드를 입력합니다.

sudo systemctl start code-server@$USER

code-server가 설치된 폴더로 이동합니다.

cd ~/.config/code-server

config.yaml파일을 편집해서 로그인 환경을 세팅합니다.

sudo nano config.yaml

bind-addr: 127.0.0.1:8080
auth: password
password: 
cert: false

이 화면에서 password만 임의로 변경합니다. 그리고 이제 사용중인 클라우드 서비스에 8080포트를 추가해줍니다.

오라클 클라우드의 경우 8080 포트를 추가한 다음 iptables에서도 설정을 해주어야 합니다.

8080 포트를 허용합니다.

sudo iptables -I INPUT -p tcp -m tcp --dport 8080 -j ACCEPT

허용한 포트 방화벽 설정을 저장합니다.

sudo netfilter-persistent save

🔒 https 인증

정상적으로 아이패드에서 VScode를 실행하기 위해 https 인증을 진행합니다.

심볼릭 링크를 수정합니다.

cd /etc/nginx/sites-enabled

cd /etc/nginx/sites-enabled를 통해 폴더에 진입하면 ls 커맨드로 폴더 내 목록을 볼 수 있습니다. 확인한 결과 default 파일 하나먼 존재하므로 이를 수정하여 등록한 도메인을 입력했을 때 vscode 창이 뜨도록 설정하겠습니다.

sudo nano default

default 파일을 열어 ctrl+k로 안에 기재된 모든 내용들을 지우고 아래 내용을 붙여넣은 뒤 사이트에 맞게 수정합니다.

server {
        server_name yourdomain.com;

location / {
        proxy_pass http://localhost:8080/;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection upgrade;
        proxy_set_header Accept-Encoding gzip;
        }
}

저장 후 nginx -t를 입력하여 문법검사를 진행합니다. 오류가 없고, Syntax ok 문구가 노출되면 https 인증을 진행할 certbot을 설치하기 위해 파이썬을 설치합니다.

sudo apt install python3.8 python3.8-dev python3.8-dbg python3-pip

sudo apt-get install python3-certbot-nginx

인증받을 도메인을 입력합니다.

sudo certbot --nginx -d yourdomain.com

이메일을 입력해줍니다.

이메일 입력 후 반환되는 질문들에는 a, n, 2를 차례대로 입력합니다.

차례대로 입력하면 congratulations! 문구가 출력됩니다. 정상적으로 https ssl 인증이 완료되었습니다.

정상적으로 적용시키기 위해 nginx를 재시작합니다.

sudo service nginx restart

아이패드로 VScode 실행하기 위해 code-server를 재시작합니다.

sudo systemctl restart code-server@$USER

등록한 서브도메인으로 접속합니다.

접속이 제대로 되면 아이패드에서도 동일한 url로 접속합니다.

⚙️ 웹 서버에 VScode 설치하기
- 평생 무료 오라클 클라우드 서버 만들기
내 서버에 VScode 연동
🔒 https 인증