AWS Nginx 디폴트 페이지(Default Page) 변경하기

 

📌  기본 Nginx 디폴트 페이지

 

아무런 설정을 하지 않은 상태에서 처음 AWS에 Nginx를 설치하고 디폴트 페이지로 다음과 같은 화면이 나올 것이다.

하지만 아무도 이 화면을 보기 위해 Nginx를 이용하는 사람은 없을 것이다.

따라서 이 디폴트 페이지를 내가 원하는 화면으로 변경해 보기로 했다. 

 

 

우선 나는 Nginx의 기본 실행 폴더인 /var/www/html 에 원하는 HTML, CSS파일을 넣기 위해 파일질라(FTP)를 이용하기로 했다.

 

파일 질라는 FTP(File Transfer Protocol) 프로그램 중 하나이다.

 

 

 

 

 

📌  FTP(File Transfer Protocol)란?

 

FTP(File Transfer Protocol)는 클라이언트-서버 프로토콜이다. 클라이언트가 파일을 요청하면 서버가 요청된 파일을 제공하게 된다.

따라서 FTP의 연결 설정을 위해서는 2개의 기본 채널이 필요하다. 하나는 명령을 내리고 어떤 파일에 접근할 수 있는지 등의 기본 정보를 전달하는 명령 채널이고, 다른 하나는 2개의 장치 간에 파일 데이터를 전송하는 데이터 채널이다.

연결을 설정하려면 사용자는 FTP 서버로의 로그인 정보를 제공해야 하는데, 일반적으로는 21번 포트를 기본 통신 모드로 사용하게 된다.

이러한 FTP의 연결 모드에는 능동 모드, 수동 모드 2가지가 존재한다.

 

능동모드

능동 모드에서는 서버가 데이터 요청을 승인하는 능동적인 역할을 하게 된다.

하지만 능동 모드에서는 방화벽으로 인한 문제가 종종 발생한다. 제삼자가 권한이 없는 세션에 접근하려고 하면 해당 세션이 차단되게 된다.

 

수동모드

수동 모드에서는 서버가 능동적으로 연결을 유지하지 않는다. 즉, 사용자가 데이터 채널과 명령 채널 모두를 설정하게 된다. 서버는 기본적으로 '듣기만' 할 뿐, 적극적으로 관여하지 않음으로써 다른 장치가 대부분의 작업을 처리하도록 한다.

 

 

 

---

 

 

 

파일질라에 root 계정으로 로그인하기

 

 

 

우선 미리 다짜고짜 root계정으로 로그인을 시도하게 되면 다음과 같이 오류와 함께 접속할 수 없다.

현재 root계정으로 로그인 할 권한 설정이 되어 있지 않기 때문이다.

 

 

 

 

ssh 설정 파일 편집

root계정으로 로그인해주기 위해 ssh 설정 파일을 편집해 주어야 한다.

다음 명령어로 설정파일 편집 모드에 들어가 준다.

$ vi /etc/ssh/sshd_config

네모 친 것과 같이 PermitRootLogin 을 yes로 설정해 주어 root로 로그인이 가능하게 해 준다.

 

 

 

 

암호키 복사

$ sudo cp /home/ubuntu/.ssh/authorized_keys   /root/.ssh

다음과 같이 암호키를 복사해준다.

 

 

 

 

ssh 재시작

$ sudo service ssh restart

ssh파일을 수정해 주었으니 재시작해준다.

 

 

 

 

 

파일질라에서 root로 로그인

• 프로토콜을 SFTP
• 로그인 유형은 키파일
• 사용자는 root
• 키 파일은 본인의 키파일 경로

 

로 새롭게 사이트를 만들어 로그인해주면

 

 

다음과 같이 root계정으로 로그인이 되어 Nginx 디폴트 디렉터리에 접근이 가능한 것을 확인할 수 있다.

 

 

 

Nginx 디폴트 페이지 변경하기

이 디렉터리에 본인이 원하는 HTML, CSS, JS 파일을 드래그 앤 드롭으로 넣어주고

Nginx 디폴트 폴더를 다음 그림과 같이 편집해준다.

 

$ sudo vi /etc/nginx/sites-available/default

CSS와 JS가 연동되어 있는 HTML 파일을 가장 왼쪽에 입력해주고 저장해준다.

 

 

그리고 서버를 Nginx서버를 재시작해준다.

$ sudo service nginx restart

 

 

 

이제 주소창에 도메인 주소를 입력해보면

 

 

내가 간단하게 만들었던 프런트 페이지가 정상적으로 Nginx디폴트 페이지로 설정된 것을 확인할 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Reference:

https://nhj12311.tistory.com/76

https://experience.dropbox.com/ko-kr/resources/what-is-ftp