[스파르타코딩클럽] 웹개발 종합반 - 5주차

5일간 열심히 수업을 들으면서 드디어 오늘 완강했다! 😊👍

나도 돈내고 듣는 수업이지만 정말 커리큘럼을 잘 짜놓은 느낌이다. 

혼자서 독학할 때 인프런에서 프런트엔드, 백엔드 인강을 따로 몇개 씩 구매해서 공부했는데,

밀도있게 공부 할 수 있어서 좋지만 동시에 너무 길다보면 중간에 지루해지고 각 부분을 따로 공부하다 보니

웹개발에 관해서 큰 그림을 그리기에는 시간이 더 걸리고 좀 힘들었던 것 같다.

그런데 웹개발종합반 강의는 프런트엔드부터 AWS배포까지 말 그대로 웹개발을 종합적으로 굵게 굵게

싹 훑어줘서 전체적으로 어떻게 웹이 돌아가고 배포되는지까지 공부할 수 있어서 좋았다.  보람찬 5일이었다 ! 

 

5주차 숙제로 팬페이지를 AWS로 배포하였다.

http://rusy7225.shop/

코코🧡만두

AWS로 배포하여 누구나 언제든지 방문할 수 있는 팬페이지 주소이다 😊❤️

 

 

[수업 목표]

1. Flask 프레임워크를 활용해서 API를 만들 수 있다.
2. '버킷리스트'를 완성한다.
3. EC2에 내 프로젝트를 올리고, 자랑한다!

 

버킷리스트 페이지 제작 

- 4주차에 이어 POST / GET 을 연습하기 위해 버킷리스트 페이지를 제작하였다. 간단하게 데이터를 저장하고 출력하는 것에 한단계 더 나아가서 num과 done 데이터를 만들어서 미완료 리스트 옆에 완료버튼을 클릭하면 해당 리스트가 줄이 그어지면서 완료 버튼이 없어지도록 만들었다. 

 

AWS 배포 순서 

1) AWS 가입 후, 프리티어로 서버를 구매하였다. 

2) Git Bash를 통해 서버 환경을 통일해준다.

3) filezilla를 사용하여 python 파일을 올린다.

4) AWS에서 5000포트를 열어준다(뒤에 붙는 포트 번호를 없애기 위해 포트포워딩 사용).

5) 다시 접속해준다.

6) SSH 접속을 끊어도 서버가 계속 돌아가도록 nohup 설정해준다.

7) 도메인을 구입후 연결해준다(가비아 사용).

8) 연결한 IP주소로 접근해본다.

9) index 파일에 og태그를 만들어 카톡으로 전송할 때 설정한 이미지와 텍스트가 뜨도록 한다.