ubuntu에 vscode 연결 + nginx reverse proxy 설정 및 ubuntu에서 생기는 오류 정리

 

* 상황 : 테스트를 위해 만든 localhost:3000이 아니라 배포를 위해 ubuntu에서 설정

 

1) ubuntu에 vscode 연결

#관리자 권한
sudo su

#git clone하기
git clone git 주소(https://github.com/주소어쩌구 넣기)

#폴더 보기
ls

#ubuntu 초기화면에서 오른쪽 /home/ubuntu/에서 초록색 새로고침 누르기(화살표)

 

2) ubuntu 설정

sudo su #관리자 모드
vi /etc/nginx/sites-available/default #location 수정

# 수정 전
location / {
	..... 내용 수정(i(insert) 누르기)
}

# 수정 후
location / {
	proxy_pass http://127.0.0.1:3000;
}

#빠져나오기
esc

#저장
:wq!

#nginx 재시작
service nginx restart

 

3) index.js(express 서버 설정하는 곳)

//정적 파일 제공
app.use(express.static("front")); //html 있는 곳

 

4) vs code에서 코드 변경 시

#반드시 git clone 받은 폴더에서 작업할 것

sudo su #관리자 권한
git pull origin main(아니면 master)

 

5) ubuntu에서 설치된 패키지 확인

-  참고 : http://www.dreamy.pe.kr/zbxe/CodeClip/3770251

우분투(Ubuntu) 설치된 패키지 목록 확인하기

#관리자 모드
sudo su

#패키지 설치된 것 확인
dpkg -l(소문자 엘(l))

#패키지 내 express 있는 지 확인
dpkg -l | grep express

 

6) ubuntu에서 nodejs, npm 재설치 하기 위해 삭제

https://askubuntu.com/questions/1152570/npm-cant-find-module-semver-error-in-ubuntu-19-04

Npm can't find module "semver" error in Ubuntu 19.04

 

★ node index.js로 ubuntu에 있는 프로젝트 실행 시 

'cannot find moudle ~~' 나옴 -> 프로젝트 내 node_modules 설치되지 않은 것

* 해결책 http://daplus.net/linux-node-js-%EC%9A%94%EC%B2%AD%EB%AA%A8%EB%93%88%EC%9D%84-%EC%B0%BE%EC%9D%84-%EC%88%98-%EC%97%86%EC%8A%B5%EB%8B%88%EB%8B%A4/

[linux] node.js : '요청'모듈을 찾을 수 없습니다. - 리뷰나라

# 관리자 권한
sudo su

# clone한 프로젝트 위치로 이동
cd 프로젝트명

# 프로젝트 루프 만듦
npm init --yes

#npm 모듈 설치
npm install request --save

 

7) https://ba-gotocode131.tistory.com/178

리눅스 디렉터리 파일 생성 (배포과정에서 문제 발생)