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

(1) 강의내용

• AWS
  
  • AWS 서버 구매하기
  • 서버 세팅하기
  • flask 서버 실행해보기
  • AWS에서 포트 열어주기
  • Robo3T에서 DB연동
  • 포트 포워딩
  • nohup 설정하기
• 도메인 구입
• og 태그 만들기
• 5주차 숙제
  • 도메인 올리기

---

(2) AWS

• EC2 서버 구매하기
  1. aws.amazon.com/ko/ <- aws링크에서 회원가입 및 로그인
  2. EC2를 사용하여 클릭
  3. Ubuntu Server 18.04 LTS(HVM), SSD Volume Type - 64비트(x86) 선택
  4. 검토 및 시작
  5. Key Pair를 저장 후 런치
• EC2 서버에 접속하기
  • git bash로 입력
  • ssh -i 받은키페어를끌어다놓기 ubuntu@AWS에적힌내아이피

 

 

• 서버 세팅하기
  1. Filezilla 실행
  2. Connect 버튼 클릭
  3. New Site 버튼 클릭
  4. Protocol : SFTP, Host : AWS에 적힌 아이피, Port : 22, Logon Type : Key File, User : ubuntu,                                     Key File : Key pair 위치
  5. Filezilla에 아래 initial_ec2.sh 다운
  6. sudo chmod 755 initial_ec2.sh 로 환경 세팅

• AWS에서 포트 열어주기
  1. EC2 관리 콘솔로 이동
  2. 해당 인스턴스 클릭
  3. 보안 클릭
  4. 보안 그룹 클릭
  5. 인바운드 규칙 편집
     • HTTP / TCP / 80 / 사용자 지정 / 0.0.0.0/0
     • HTTP / TCP / 80 / 사용자 지정 / ::/0
     • SSH / TCP / 22 / 사용자 지정 / 0.0.0.0/0
     • 사용자 지정 TCP / TCP / 5000 / 사용자지정 / 0.0.0.0/0
     • 사용자 지정 TCP / TCP / 5000 / 사용자지정 / ::/0
     • 사용자 지정 TCP / TCP / 27017 / 사용자지정 / 0.0.0.0/0
     • 사용자 지정 TCP / TCP / 27017 / 사용자지정 / ::/0
• Robo3T DB 연동
  1. Connect 클릭
  2. Create 클릭
  3. Connection Settings
     • Connection
       • Type : Direct Connection
       • Name : dbName
       • Address : AWS에 적힌 아이피 : 27017
     • Authentication
       • Perform authentication 체크
       • Database : admin
       • User Name : test
       • Password : test
  4. Test 후 저장
  5. Python Code 변경

client = MongoClient('mongodb://test:test@localhost', 27017)

• nohup 설정하기
  • nohup이란? SSH 접속을 끊어도 서버가 계속 동작하고 있음

# 아래의 명령어로 실행하면 된다
nohup python app.py &

# 아래 명령어로 미리 pid 값(프로세스 번호)을 본다
ps -ef | grep 'app.py'

# 아래 명령어로 특정 프로세스를 죽인다
kill -9 [pid값]

 

initial_ec2.sh

0.00MB

---

(2) 도메인 구입하기

• 도메인 구입/연결
  1. www.gabia.com/ <- 가비아링크에서 회원가입 및 로그인
  2. 도메인 구입
  3. DNS 관리 툴 클릭
  4. 해당 도메인 설정 클릭
  5. 값/위치 에 IP 작성 후 저장

---

(3) og 태그

• Code

<meta property="og:title" content="내 사이트의 제목" />
<meta property="og:description" content="보고 있는 페이지의 내용 요약" />
<meta property="og:image" content="{{ url_for('static', filename='ogimage.png') }}" />

• 카카오톡 og 태그 초기화 하기: https://developers.kakao.com/tool/clear/og

카카오계정 로그인

• 페이스북 og 태그 초기화 하기: https://developers.facebook.com/tools/debug/

공유 디버거 - Facebook for Developers

---

(4) 5주차 숙제

• 도메인을 연결한 링크 - Loafly.shop

---

(5) 느낀점

드디어 마지막 5주차가 끝났습니다. 현재 취준생인 저로써는 하루에 1주차씩 5일정도를 소모하여 5주차를 완료할 수 있었습니다.

웹개발 종합반을 들으면서 대단한건 아니지만 처음부터 끝(도메인)까지 개발한 경험을 얻을 수 있어 의미있는 시간이였고, 학생들이 흥미를 느낄 수 있도록 수업 커리큘럼이 잘 짜여진 것 같습니다. 하지만 짧은 시간을 들여서 경험한 전체적인 틀을 조금조금씩 다루는 정도 여서 깊이는 조금 아쉬웠습니다. 

---