비전공자의 코딩 도전일기 : “스파르타 코딩클럽 개발일지 5주차 ”
Filezilla 설치/가비아/서버구매/nohup 설정/og태그/포트포워딩/도메인
1. 프로젝트 셋팅 - 프로젝트 준비 - flask 폴더 구조 만들기
2. DB 만들기(데이터 쌓기) - 프로젝트 준비 - 프로젝트에서 사용할 데이터 넣기(웹 스크래핑)
3. 뼈대 준비하기 - 프로젝트 준비
4. GET연습(보여주기) - 문제 분석 - 화면과 동작 살펴보기
화면에 어떤 데이터가 어떤 부분에 보여지는지 영화인 카드 화면 코드를 보며 분석
API 만들고 사용하기 - 영화인 조회 API (Read → GET)
1. 조회(Read) 기능
2. 좋아요(Update) 기능
3. 삭제(Delete) 기능
만들 API 정보
A. 요청 정보
B. 서버가 제공할 기능
C. 응답 데이터
API 만들고 사용하기 - 좋아요 API (Update → POST)
1) 조회
2) 좋아요
3) 삭제
만들 API 정보
A. 요청 정보
B. 서버가 제공할 기능
C. 응답 데이터
1. 클라이언트와 서버 연결 확인하기
2. 서버부터 만들기
3. 클라이언트 만들기
4. 완성 확인하기
내 프로젝트를 서버에 올리기
AWS(클라우드 서비스) : 편하게 서버를 관리하기 위해서 항상 켜 놓을 수 있는 컴퓨터인 EC2 사용권을 구입해 서버로 사용
IP 주소와 포트 : 사실 우리가 접속하는 컴퓨터는 숫자로 되어있는 주소(IP 주소)가 붙어있다.
우리가 아는 URL 은 우리가 알아보기 쉽게 하는 등의 이유로 IP 주소를 알파벳으로 바꾼 거에요.
변환해주는 시스템 -> DNS
IP주소 : 컴퓨터가 통신할 수 있도록 컴퓨터마다 가지는 고유한 주소
정확히는 네트워크가 가능한 모든 기기가 통신할 수 있도록 가지고 있는 특수한 번호입니다. 서버는 하나의 주소를 가지고 있습니다.
포트(port) : 하나의 IP에 여러 포트가 있습니다. 하나의 포트에 하나의 프로그램을 실행
AWS 서버 구매하기
AWS EC2 서버 사기 -> 클릭 만으로 내가 원하는 서버(컴퓨터)의 설정을 정하고, 거기에 컴퓨터를 실행시키기 위한 운영체제(OS)를 설치
OS로 리눅스의 Ubuntu를 설치
EC2 서버 종료하는 방법 -> 대상 인스턴스에 마우스 우클릭 > '인스턴스 상태' 를 클릭합니다. 중지 또는 종료 중 하나를 클릭하면 명령을 실행
AWS EC2에 접속하기
SSH(Secure Shell Protocol) -> 다른 컴퓨터에 접속할 때 쓰는 프로그램, 접속할 컴퓨터가 22번 포트가 열려있어야 접속 가능
Window: ssh가 없으므로, git bash라는 프로그램을 이용
명령어 :
ls: 내 위치의 모든 파일을 보여준다.
pwd: 내 위치(폴더의 경로)를 알려준다.
mkdir: 내 위치 아래에 폴더를 하나 만든다.
cd [갈 곳]: 나를 [갈 곳] 폴더로 이동시킨다.
cd .. : 나를 상위 폴더로 이동시킨다.
cp -r [복사할 것] [붙여넣기 할 것]: 복사 붙여넣기
rm -rf [지울 것]: 지우기
sudo [실행 할 명령어]: 명령어를 관리자 권한으로 실행한다.
sudo su: 관리가 권한으로 들어간다. (나올때는 exit으로 나옴)
서버 환경 통일하기 -> 서버 환경 세팅
AWS에서 포트 열어주기 -> C2 서버(=가상의 내 컴퓨터)에서 포트를 따로 설정하는 것 외에도, AWS EC2에서도 자체적으로 포트를 열고/닫을 수 있게 관리
AWS EC2 Security Group에서 인바운드 요청 포트를 열어줘야 합니다.
80포트: HTTP 접속을 위한 기본포트
5000포트: flask 기본포트
27017포트: 외부에서 mongoDB 접속을 하기위한 포트
포트포워딩
http 요청에서는 80포트가 기본이기 때문에, 굳이 :80을 붙이지 않아도 자동으로 연결
포트 번호를 입력하지 않아도 자동으로 접속되기 위해, 우리는 80포트로 오는 요청을 5000 포트로 전달하게 하는 포트포워딩(port forwarding) 을 사용
리눅스에서 기본으로 제공해주는 포트포워딩을 사용할 것
nohup 설정
SSH 접속을 끊어도 서버가 계속 돌게 하기
nohup python app.py &
ps -ef | grep 'app.py'
kill -9 [pid값]
도메인 구입/연결
도메인을 구매한다는 것은, 네임서버를 운영해주는 업체에, IP와 도메인 매칭 유지비를 내는 것
og 태그 넣기
static 폴더 아래에 이미지 파일을 넣고, 각자 프로젝트 HTML의 <head>~</head> 사이에 아래 내용을 작성하면 og 태그를 개인 프로젝트에 사용 ( 사이즈 800x400인 이미지)
참고링크 :
Filezilla : https://filezilla-project.org/download.php
가비아 : https://www.gabia.com
실습
5주차 숙제 서버 및 도메인 작업
5주차 할 일 및 참고사항 :
1) Flask 프레임워크를 활용해서 API를 만들기
2) 마이 페이보릿 무비스타'를 완성하기
3)EC2에 내 프로젝트를 올리고, 자랑하기
