[목차]

<aside> ✨ 웹개발 종합반 주차별 주요 키워드

• 1주차: HTML, CSS로 웹페이지의 뼈대와 화면을 꾸미는 법을 배운다.
• 2주차: JavaScript로 서버에 데이터를 요청하고 JQuery, Fetch를 이용해 요청을 브라우저에 보여준다.
• 3주차: Python으로 웹서비스의 서버 역할을 배우고 monoDB로 데이터베이스를 다룬다.
• 4주차: Python, Flask, mongoDB, JavaScript를 모두 활용해 나만의 웹서비스를 만든다.
• 5주차: 지금까지 배운 내용을 모두 합해 프로젝트를 만든 후 배포를 진행한다. </aside>

<aside> ✨ 5주차 수업 목표

1. Flask 프레임워크를 활용해 API를 만들 수 있다.
2. [버킷리스트] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다.
3. [팬명록] 프로젝트를 생성해 API를 만들고 클라이언트에 연결한다.
4. WS Elastic Beanstalk으로 직접 만든 웹 서비스를 배포한다. </aside>

01. AWS 가입 및 보안 설정하기

1) AWS MFA 이중인증 등록하기

• google authenticator 사용

02. 버킷리스트

1) 패키지 설치

pip install flask pymongo dnspython

2) 구현 코드

• app.py

  from flask import Flask, render_template, request, jsonify
  app = Flask(__name__)
  
  from pymongo import MongoClient
  client = MongoClient('mongodb+srv://test:[email protected]/?retryWrites=true&w=majority')
  db = client.dbsparta
  
  @app.route('/')
  def home():
    return render_template('index.html')
  
  # 등록
  @app.route('/bucket', methods=['POST'])
  def bucket_post():
    bucket_receive = request.form['bucket_give']
    # 시퀀스 번호 만들기: 전체 길이에 +1
    bucket_list = list(db.bucket.find({}, {'_id': False}))
    bucket_sequence = len(bucket_list) + 1
    doc = {
      'num': bucket_sequence,
      'bucket': bucket_receive,
      'done': 0,
    }
    db.bucket.insert_one(doc)
    return jsonify({'msg': '버킷리스트 등록 완료 👍'})
  
  # 수정 - done
  @app.route("/bucket/done", methods=["POST"])
  def bucket_done():
    num_receive = request.form['num_give']
    db.bucket.update_one({'num': int(num_receive)}, {'$set': {'done': 1}})
    return jsonify({'msg': '꿈을 하나 이뤘어요 🌠'})
  
  # 수정 - cancel
  @app.route("/bucket/cancel", methods=["POST"])
  def bucket_cancel():
    num_receive = request.form['num_give']
    db.bucket.update_one({'num': int(num_receive)}, {'$set': {'done': 0}})
    return jsonify({'msg': '다시 한 번 도전해봐요 💪'})
  
  # 조회
  @app.route('/bucket', methods=['GET'])
  def bucket_get():
    bucket_list = list(db.bucket.find({}, {'_id': False}))
    return jsonify({'buckets': bucket_list})
  
  if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)