[Ubuntu] VSCode로 nginx 파일 용량 늘리러 가보자

 

오늘 nginx 수정한 기념으로 작성하는 글

 

---

 

 

발단

 

회사 서버는 AWS EC2 , ubuntu, Nginx, node 으로 돌아가고 있다.

 

현재 작동하는 기능의 개발은 외주를 부탁드렸고 서버는 이전에 계시전 개발자분이랑 서버 외주 개발자분이랑 작업한 것으로 알고있다.

 

처음 커뮤니티 기능을 개발할 때 이전 팀원과 외주 개발자분이 상의해서 1MB로 줄여놨다고 하는데 (서버 부하때문에) 내가 개발 요청드릴 때는 1MB 용량으로는 아무 사진도 올릴 수가 없어서 3MB로 올려달라고 해서 3MB로 작업하게 되었다.

이미지 용량 수정을 요청하고 다음과 같은 메시지를 받았기 때문에 내가 nginx까지는 만질 일이 없을 거라고 생각했는데.....

 

 

이것은 일종의 힌트였던 것이다

 

 

진행

 

1. ssh로 서버에 연결하기

 

우선 ubuntu 터미널을 이용하거나 VSCode의 다양한 플러그인을 사용할 수 있다.

 

ubuntu 터미널이 있다면 아래 명령어를 입력한다.

 

ssh 아이디@AWS host 주소

 

그리고 패스워드를 입력하라고 뜨면 해당 유저의 패스워드를 입력해준다. 

설정을 수정하는 것이기 때문에 root 계정으로 들어가는 것이 좋다.

 

 

 

이렇게 ubuntu 터미널을 이용해 내 서버에 접속할 수 있다.

 

아래 $ 표시에서 커서가 깜빡이고 있을텐데 ls 라고 입력하고 엔터를 쳐보자 

 

 

 

 

현재 폴더가 쭉 나올텐데 이 상위 디렉토리로 이동해야 하기 때문에 cd .. 을 입력하자. 꼭 cd 띄우고 ..이다.

그리고 다시 ls를 입력하면 상위 디렉토리인 ubuntu가 나온다.

 

 

 

 

여기서 한 번 더 cd .. 을 입력하고 ls로 디렉토리를 확인 한다.

 

 

 

 

이 폴더들 중 우리가 들어가야 하는 곳은 etc이다! etc 폴더 내부에 nginx 폴더 안에 nginx.conf 파일이 있다.

 

nginx 폴더로 이동하기 위해 cd 명령어를 사용하자.

cd etc/nginx 라고 입력해 디렉토리를 이동한다.

그리고 다시 ls를 이용해서 파일 목록을 확인하면 우리가 필요한 nginx.conf 파일이 보인다.

 

 

이제 난관은 VSCode나 아톰같은 텍스트 편집기를 ubuntu 내에서 열 수 없다는 점이었다.

 

 

2. ubuntu 에서 파일 편집하기 (vi 수정기능 사용)

 

 

지금 폴더는 etc/nginx 까지 와있는 상태이다.

여기서 저 config 파일을 열려면 이 명령어를 사용해야 한다.

 

 

vi nginx.conf

 

 

그럼 갑자기 터미널이 좌라락 움직이면서 텍스트 파일을 읽어준다.

 

 

친절하게 업로드 용량이라고 표시해주심.. 이미 3MB에서 5MB로 바꾼 상황이라 표시가 5M로 되어있다.

 

이 상태에서는 방향키로 커서 움직이기만 가능하다. 아무리 키보드를 쳐봐도 저장이 되지 않는다.

 

이 때는 놀라지 말고 원하는 곳에 커서를 가져다 두고 i 나 a 를 눌러준다. 커서 앞 수정 커서 뒤 수정인데 어차피 움직일 수 있으니 그냥 i라고 외우고 있다.

 

그러면 텍스트 수정이 가능해진다.

조심스럽게 원하는 부분을 수정한 다음 저장하기 위해서는 ESC를 눌러야 한다. 

i로 시작한 수정 모드를 종료하고 명령어 입력 모드로 들어가야 한다.

 

 

 

3. vi로 파일 저장하기

 

 

그러면 아까처럼 텍스트 입력이 안되는 상태가 된다.

이게 끝은 아니고 저장을 해줘야 하기 때문에 :wq 라고 입력한다.

저장하고 - 종료하기 라는 명령어다.

 

 

그럼 저장은 끝이다. 그런데 이런 오류가 생기는 경우가 있다. 

 

vi changing a readonly file

이건 권한 오류이기 때문에 처음 파일을 열 때 sudo를 앞에 붙여서 sudo vi 파일 경로 로 입력해줘야 한다.

이런 번거로움이 없도록 root 권한을 잘 파악해두거나 애초부터 sudo vi 파일 경로를 입력해 파일을 열어줘도 된다.

 

 

정상적으로 저장하고 종료가 되면 아까의 디렉토리로 튀어나가게 된다.

 

 

 

4. nginx 다시 시작하기

 

 

nginx -s reload

 

그리고 나서 위의 명령어로 nginx를 relode 해주면 된다.

 

 

 

나는 원래 파일 수정 작업을 하기 위해 Remote-ssh 플러그인을 써서 실제로는 해당 플러그인으로 ssh 연결해 터미널을 이용하였다. 

Remote-ssh 플러그인 사용법은 아래 블로그를 참조!

 

 

[ VS Code ] Remote 원격 아마존 AWS SSH 클라이언트 접속