[Soft Squared] 서버 개발일지 2주차

📖 2주차 강의내용(2021.09.10)

🔷 많이 다루는 Linux 명령어

◼ Sudo : 명령어 앞에 쓰면 관리자 권한으로 명령어를 실행한다.

◼ Sudo su : 관리자로 전환

✔ Sudo VS Sudo su : 서버를 운영할 때 1명이면 상관이 없지만 여러명이서 사용할 때는 Sudo su를 쓰게되면 노출될 수 있으므로 Sudo를 사용한다.

◼ Cd(Change Directory) : 경로를 바꾼다.

◼ mkdir(Make Directory) : 디렉토리를 만든다.

◼ Wget(Webget) : 웹에서 파일을 다운로드 한다.

◼ Cmake : C언어로 만든 소스를 make 한다.

◼ make : make 파일을 컴파일한다.

✔ 컴파일러(Compiler) : '번역기'라는 뜻으로 프로그래밍 언어를 기계어로 바꿔주는 역할을 한다.

◼ ps(Process Status) : 프로세스의 상태를 보여준다.

◼ netstat : 네트워크 상태를 보여준다.(네트워크 연결 상태, 라우팅 테이블, 인터페이스 상태)

✔ 라우팅 : 패킷의 전송 경로를 지정

◼ cp(Copy) : 복사한다

 

🔷 URL ,DNS

◼URL(Uniform Resource Locator)  : 네트워크에서 해당 정보 자원의 종류,위치를 나타내고 있다.

URL - 출처 : naver 지식백과

✔ URI, URL, URN

• URI(Uniform Resource Identifier) : 인터넷에 있는 자원을 나타내는 유일한 주소(실제 주소)
• URL(Uniform Resource Locator) : 네트워크 상에 자원의 위치를 나타낸다.
• URN(Unifro Resource Name) : URL 에서 http를 뺀 부분으로 네트워크 상 자원의 이름을 나타낸다.

 ◼DNS(Domain Name Server)  : 네트워크에서 도메인이나 호스트 이름을 숫자로 된 IP 주소로 해석해주는 TCP/IP 네트워크 서비스로 예를 들어 www.naver.com이라는 도메인(Domain)을 입력하게 되면 위 도메인과 Mapping 되는 IP주소를 찾아준다.

 

#Domain : IP 주소의 별명. IP주소를 알기 쉬운 영문으로 표현한 것을 말한다.

 

🔷 프로토콜

통신 시스템이 데이터를 교환하기 위해 사용하는 통신 규칙이다.

 

◼ http : 웹 서버와 사용자의 인터넷 브라우저 사이에 문서를 전송하기 위해 사용되는 통신 규약

  ◻ Client, Server 는 서로 독립적으로 일을 한다.

  ◻ 무상태 프로토콜이다.(Client의 정보를 저장하지 않음.)

  ◻ 비연결성이다.(한번 연결하면 끊음) → 응답속도 빠름

◼ https : HTTP의 보안이 강화된 버전

◼ ftp : 인터넷을 통해 다른 컴퓨터로 파일을 전송할 수 있도록 하는 방법

◼ sftp : ssh를 이용한 파일전송 프로토콜로 파일을 암호화하여 SSH를 통해 전송한다.

프로토콜	포트번호
HTTP	80
HTTPS	443
FTP	21
SFTP	22

 

#Port : Port 번호는 문이라고 할 수 있는데, Port 번호에 따라서 들어가는 문이 다르게 된다. 프로토콜 1개당 포트번호를 1개씩 임의로 부여가 가능하며 중복된 포트번호를 부여할 수는 없다.

 

🔷 인바운드, 아웃바운드 규칙

Port 에 접근할 때 누군가는 접근할 수 있고 누군가는 접근할 수 없도록 하는 권한이 필요하다. 이를 위해 설정하는 방법이 인바운드 규칙과 아웃바운드 규칙이 있다.

 

◼ 인바운드

- 서버 내부로 들어오는 것

- 클라이언트 → 서버- 클라이언트에서 업로드를 할 때- Windows 방화벽 기본 설정 : 모든 접속 차단

 

◼ 아웃바운드

- 서버에서 바깥으로 나가는 것

- 서버 → 클라이언트

- 클라이언트에서 다운로드 할 때

- Windows 방화벽 기본 설정 : 모든 접속 허용

 

#Daemon Process : Background 프로세스의 일종으로 메모리에 계속 상주하여

 사용자의 요청을 수행한다. (Ex. mysqld, httpd)

 

◼ Background Process VS ForeGround Process

  ◻ Background Process : 사용자 입력과 상관없이 실행되는프로세스

  ◻ Foreground Process : 쉘에서 해당 프로세스 실행을 명령한 후, 해당 프로세스 수행 종료까지 사용자가 다른 입력을 하지 못하도록 하는 프로세스

🔷 포트포워딩(Port Forwarding)

각각의 서버에 포트 번호를 부여하여 접속 가능하게 함

Q. 외부에서 PC 1에 접속하려고 할 때 어떻게 접속할 수 있을까?

 

A. 외부 IP(공유기 IP 123)에 + 포트번호를 입력하여 접속할 수 있다.

---

📚2주차 과제

📌Local 서버 구축/ Window/Mac OS + Apache PHP MySQL (Bitnami)

- 외부에서 접속하기 : phpinfo 띄우기 (by 포트포워딩)

 

📌 AWS 서버 구축/ Linux + Nginx PHP MySQL

- 외부에서 접속하기 : phpinfo 띄우기

- MySQL 외부에서 접속하기

- phpMyAdmin 설치

- Domain 적용 (가비아, 후이즈 구입)

- HTTPS 적용 (let's encrypt)

- Sub Domain 적용 (Dev, Prod)

- Redirection 적용 (IP to Domain)

 

🔷 2021.09.15

  ◼ Local 서버 구축 및 외부 접속하기

1. Bitnami 설치

Bitnami 설치 후 나의 IP로 들어가게 되면 아래와 같은 화면이 나온다.

(IP 확인 방법  :  실행 → cmd → ipconfig)

2. phpinfo.php 만들기

bitnami 가 설치되어있는 경로로 가서 apache2 → htdocs 로 들어간후 phpinfo 를 text 파일로 생성을 한 후 확장자 변경을 해주면 된다.

 

- phpinfo.php 파일 만들기

<?php
phpinfo();
?>

위 코드를 텍스트 파일로 저장 후 확장자를 변경해주면 된다.

 

- 확장자 변경법

보기 → 옵션 → 보기 → 알려진 파일 형식의 파일 확장명 숨기기 해제

 

- 결과확인

 

3. 포트포워딩(1차 시도 : 집)

외부에서 내 PC에 접속할 수 있도록 내 공유기에서 포트포워딩으로 포트를 개방해줘야 한다.

 

최초에는 집에서 시도를 했는데 집 네트워크 환경이 위 사진과 같이 3개의 공유기로 되어있었다. 각각의 공유기에서 다음 공유기 까지 포트포워딩을 각자 해주면 된다고 해서 그대로 실행하였다.

 

◻ 공유기 1 에서 공유기 2로 포트포워딩

◻ 공유기 2 에서 공유기 3로 포트포워딩

◻ 공유기 3 에서 내 PC 로 포트포워딩

 

💡 공유기의 IP가 네이버에서 "내 주소 확인" 시 나오는 IP와 같다면 최상단 공유기이다.

 

이렇게 실행하였으나 어찌된 일인지 LG U+ 최상단부터 공유기의 포트가 열리지 않았고 오류해결을 위해 각종 구글링 검색, 방화벽 해제, LG U+ 원격점검 등을 받았으나 무슨 문제인지 찾을 수가 없었다.

 

🔷 2021.09.16

 

  ◼ Local 서버 구축 및 외부 접속하기

3. 포트포워딩 (2차 시도 : 카페)

결국 집에 LG U+ 기사님 까지 와서 확인하였으나 해결하지 못했고, 카페 공유기를 통해 포트포워딩을 진행하였다.

포트 포워딩 시에 cmd ipconfig 에 Gateway 주소로 접속하면 공유기 관리자 서버로 접속할 수 있다.

위와 같이 포트포워딩을 설정해 주는데 이 때

 

◻ 외부포트 : 외부에서 접속할 포트

◻ 내부포트 : 내부에서 접속할 포트

◻ 내부 IP 주소 : 외부에서 접속할 때 연결할 IP 주소 (내 PC IP주소)

 

가 된다.

 

위와 같이 입력해 주었고, 이제 휴대폰으로 접속하기 전에 포트의 개방을 확인하기 위해

https://www.yougetsignal.com/tools/open-ports/ 에 들어간다. 위 사이트에 들어가면 Port의 개방 확인 및 내 공인 IP주소를 확인할 수 있다.

 

4. 휴대폰으로 접속확인

이제 휴대폰으로 공인 IP:개방포트/phpinfo.php 를 입력하게 되면 접속이 가능한지 안한지 확인할 수 있다.

◼ AWS로 서버 구축하기 - 외부에서 접속하기 / Phpinfo 띄우기

1. AWS 접속 후 가입 및 인스턴스 생성

AWS에 접속하여 계정생성 및 인스턴스를 생성하였다.

 

2. 그 후 서버 가동을 위해 WINSCP 를 다운받아 구동하였다.

이 때 AWS 인스턴스 생성시 만들었던 개인키 파일을 인증하여 서버를 가동한다.

 

3. WINSCP 내에서 Putty를 이용하여 NGINX, MYSQL, PHP 다운로드

 

- Nginx 설치

sudo apt get update
sudo apt install nginx

이 때 AWS로 들어가서 인바운드 규칙에 HTTP인 80포트를 허용해주는 규칙을 추가해줘야한다.

결과 확인

- MySQL 설치

sudo apt install mysql-server
sudo mysql_secure_installation

후 패스워드 설정을 하고 mysql 명령어를 실행하면 된다.

 

결과확인

- PHP 설치

sudo add-apt-repository universe
sudo apt install php-fpm php-mysql

# php-fpm : apache에서 configure와 비슷한 역할로 PHP를 FastCGI 방식으로 동작하도록 하는 솔루션인데, 주로 Nginx와 함께 사용된다. 

 

- PHPINFO 만들기

index.php 로 이름을 만들고

sudo cd /var/www/html/
sudo vi index.php

아래 파일을 만든 후 저장

<?php
phpinfo();
?>

 

그 후 모듈 설정을 해주면

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

 

아래와 같이 파일 수정 후 저장(ubuntu 18.04 버전에서는 php7.2가 쓰인다.)

Nginx 서버를 재가동 후 결과 확인

sudo service nginx restart

 

◼ AWS로 서버 구축하기 - MySQL 외부에서 접속하기

1. MySQL 사용자 생성

$sudo mysql -u root -p
mysql> create user 'Seokin'@'%' identified by 'password';

2. 데이터베이스 생성 및 권한 부여

mysql> create database Seokindb;
mysql> show databases;
mysql> grant all privileges on Seokindb.*to 'Seokin'@'%';
mysql flush privileges;

3. MySQL 외부 접속 설정

cd /etc/mysql/mysql.conf.d
sudo vi mysqld.cnf

bind-adress = 0.0.0.0 으로 수정

4. MySQL 서버 재시작

sudo service mysql restart

5. 인바운드 규칙 추가

6. Datagrip으로 외부에서 MySQL 접속

HOST엔 IP주소를 입력하면 된다. Test Connection 시 Succeeded 가 나오면 된다.

 

◼ AWS로 서버 구축하기 - phpMyAdmin 설치

 

1. phpMyAdmin 설치

암호 및 각종 설정을 해준다.

sudo apt update
sudo apt upgrade
sudo apt install phpmyadmin

2. Nginx 와 phpMyAdmin 연결

 

- 심볼릭 링크 설정

Nginx가 phpMyAdmin 파일을 찾을 수 있도록 연결해준다.

Nginx의 루트 디렉토리인 : /var/www/html/phpmyadmin 과 phpMyAdmin 의 디렉토리/usr/share/phpmyadmin 연결

# 심볼릭링크 : 링크를 연결하여 원본 파일을 직접 사용하는 것과 같은 효과를 내는 링크

sudo ln -s /usr/share/phpmyadmin /var/www/html/phpmyadmin

 

- Nginx 설정 변경

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

3. Nginx 서버 재시작 후 결과확인

sudo service nginx restart

웹 브라우저에 http://AWS 할당 IP/phpmyadmin 으로 결과확인

 

◼ AWS로 서버 구축하기 - Domain 연결 & HTTPS 적용

1. Domain 연결

- 가비아에서 회원가입 및 도메인 구매

- My 가비아 → 서비스관리→ 도메인→ 관리툴 → 도메인 연결 설정 → 구입한 도메인 설정

- DNS 설정 → 레코드 수정 → 레코드 추가

호스트에 @를 넣으면 www 없어도 접속 가능하다.

2. 결과 확인

3. HTTPS 적용을 위한 CertBot 설치

certbot을 위한 저장소를 추가한다.

sudo apt update
sudo apt upgrade
sudo add-apt-repository ppa:certbot/certbot

다시 업데이트하여 반영한 후 certbot의 nginx 패키지를 설치

sudo apt install python3-certbot-nginx

 

4. Nginx 설정 변경

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

server 블록을 만들어서 server_name에 내가 사용하는 도메인 추가 후 저장

* listen 80 뒤에 default_server는 listen 80으로만 수정

테스트 및 리로드

sudo nginx -t
sudo systemctl reload nginx

 

5. TLS 인증서 설치 및 인바운드 규칙추가 / 결과 확인

 

certbot의 Nginx 패키지를 통하여 도메인에 인증서 획득

sudo certbot --nginx -d www.seokin-test.shop -d seokin-test.shop

 

HTTPS 인바운드 규칙 추가

Nginx 서버 재시작 후 결과확인

HTTPS로 접속시 위와 같이 자물쇠가 걸리면 된다.

 

◼ AWS로 서버 구축하기 - SubDomain

1. 가비아 DNS 레코드 추가

타입을 CNAME으로 바꿔 서브 도메인을 추가한다.

2. 서브도메인 관련 HTML 파일 만들기

cd /var/www/html/
sudo chmod -R 777 .

이렇게 권한을 설정한후 WINSCP에서 폴더를 만든 후 Vi 편집기로 HelloWorld인 HTML파일 만들었다.

그냥 putty에서 디렉토리를 만들어줘도 된다.

3. Nginx 설정변경

Nginx에서 서버에 서브도메인을 추가시켜줘야 한다.

4. Nginx 재시작 후 결과확인

sudo servie nginx restart

◼ AWS로 서버 구축하기 - Redirection

- redirection 설정하기

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

- Server Block 삽입

server {
        if ($host = 13.125.107.42){
                return 301 https://seokin-test.shop$request_uri;
        }
        listen 80;
        listen [::]:80;
        server_name 13.125.107.42;

        return 404;
}

🚨 오류 발생

🔑 해결 방법 : 찾지 못한채로... 재설치 하였다.. 설치하고 보니 redirect 시에 return 을 302로 해줬더니 이런 결과가 나온듯하다. 그 후 if문으로 301로 리다이렉트 해줬더니 정상적으로 작동하였다.

 

 

 

💡 301과 302의 차이

- 301 : 해당 URL 이 영구적으로 변환되었음을 나타냄

- 302 : 해당 URL 이 임시적으로 새로운 URL로 이동했음

 

---

🏆 챌린지 과제

📌Sub Domain에 각각 나만의 페이지 만들기 (html, css, javascript)

 

과거 하다가 중간에 관뒀던 프로젝트를 수정 및 보완해서 만들어 보려고 한다.

 

고려사항

 

📑 반응형 웹으로 설정

📑 레이아웃 구조에 대한 고려