날짜 : 2023년 1월 29일 일요일
📌 PLAN (~2/5)
- 웹개발 종합반 강의 2회독 완료 → Velog 기술 블로그 정리까지 (5주차/총 5주차) (~1월/25일)
- GIT & GITHUB 이해 및 사용법 숙달(2회 완료/총 5회)
- 코딩테스트 맛보기 (Aft)
- 토이프로젝트 맛보기 (Aft)
📌 WHAT TODAY?
도메인을 생성하고, 이를 AWS에 연결하여 웹서비스를 제작해본다.
Front-DAY 5 :AWS까지 이용하여 전체적인 웹개발의 종지부를 찍는다.
강좌 : https://spartacodingclub.kr/online/web 웹개발 종합반_스파르타코딩클럽
- AWS 연결하기
배포는 누구나 내 서비스를 사용할 수 있게 하기 위해서 작업들이다. 웹 서비스를 런칭하는 뜻.
- 웹 서비스를 런칭하기 위해 클라이언트의 요청에 항상 응답해줄 수 있는 서버에 프로젝트를 실행해야함.
- 언제나 요청에 응답하기 위해서는,
1) 컴퓨터가 항상 켜져있고 프로그램이 실행되어 있어야하고,
2) 모두가 접근할 수 있는 공개 주소인 공개 IP 주소(Public IP Address)로 나의 웹 서비스에 접근할 수 있도록 해야함.
AWS 라는 클라우드 서비스에서 편하게 서버를 관리하기 위해 항상 켜 놓을 수 있는 컴퓨터인 EC2 사용권을 구입해 서버로 사용하는 방식.
- Nohup
- 'No Hang Up'의 약자이다. → 내가 세션과 연결을 종료해도 지금 실행시킨 프로그램을 종료하지 마.
- 즉, 로그아웃으로 세션과의 연결이 종료되더라도 nohup으로 돌린 프로세스는 종료되지 않고 계속 실행됨.
nohup python app.py &
#nohup 실행하기
ps -ef | grep 'python app.py' | awk '{print $2}' | xargs kill
#nohup 강제종료시키기3.포트포워딩
- 80포트로 들어오는 요청을 5000포트로 넘겨주는 명령어
- 현재 5000포트에서 웹 서비스가 실행되고 있으나, 뒤에 붙는 포트 번호(:5000)를 없애려면 80포트로 오는 요청을 5000 포트로 전달하게 하는 포트포워딩(port forwarding)을 사용.
sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 5000- og태그
- 콘텐츠가 표시되는 방식을 관리하기 위해 오픈 그래프 태그(Open Graph TAG)로 웹사이트를 마크업하여 마케팅 효과를 낼 수 있다.
즉, 해당 콘텐츠의 요약내용이 "SNS에 게시되는데 최적화된 데이터"를 가지고 갈 수 있도록 설정하는 것. - 어떤 HTML 문서의 메타정보를 쉽게 표시하기 위해서 메타정보에 해당하는 제목, 설명, 문서의 타입, 대표 URL 등 다양한 요소들에 대해서 사람들이 통일해서 쓸 수 있도록 정의해놓은 프로토콜.
<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="이미지URL" />- 서버와 AWS 연결과정 최종 정리
① 도메인 구입(GABIA) & AWS 서버 구입(Ubuntu/tc.micro)
② AWS EC2 접속
③ 서버 내에 pip install 패키지!
④ EC2에 서버/클라이언트/static 파일 업로드(Filezilla)
⑤ Flask를 이용해서 app.py 실행
⑥ EC2안에서 포트 열기 → 5000포트에서 80포트로 포트포워딩으로 :5000 삭제하기
⑦ nohup 켜두기
⑧ 가비아에서 IP주소와 내가 구매한 주소 연동시키기!
Disciplined, Be systemic