내일배움캠프 AI - TIL 01

 

 

❤️‍🔥TIL : Today I Learned❤️‍🔥
그날그날 내가 공부한 것을 정리하는 것

 

 

 

내일배움캠프 AI트랙 1Day

 

 

오늘 배운 내용.

웹프로그래밍 A-Z 기초  강의 복습

2022.08.16 - [스파르타코딩클럽/웹개발종합반] - 웹개발종합반 개발일지 | 1주차

2022.08.17 - [스파르타코딩클럽/웹개발종합반] - 웹개발종합반 개발일지 | 2주차

2022.08.28 - [스파르타코딩클럽/웹개발종합반] - 웹개발종합반 개발일지 | 3주차

 

 

 

미니 프로젝트 - 팀 소개 페이지 만들기

1. 팀원별 담당 역할 분배하기

3명인 팀이였는데... 오늘부터 2명인 팀이 되어버렸다. 옆팀, 윗팀, 아래팀 다 4명이던데 한명 납치하고 싶다. 다른 팀들은 4명에서 오순도순 여유있게 하시던데... 기획하고 만들고 할려니깐 2명은 진짜 여유 없다...(매니저님 보고계신가요....😭)

→ 팀장 : 프로젝트 전체 코드 연결 +  방명록 API 개발 및 Form 만들기 + 팀원리스트 section 만들기+ 개인상세페이지 만들기

→ 팀원1 : 전체 프론트엔드 구조 잡기 + 팀소개페이지 만들기 + 개인 상세페이지 만들기

 

2. Flask 프로젝트 만들기

 

3. 팀소개 / 팀원리스트 / 멤버별상세페이지 라우팅 하기

라우팅할때 주의해야할점... 라우팅 하단 함수명으로 list()는 사용할 수 없다..

이유를 알 수가 없어서 한시간 반정도.... 헤매다가 다시 짜면서 발견!
아무래도 python내 이미 사용중인 키워드였나보다. python으로 웹개발은 처음이라.. 이런 실수가..!!

 

app.py - 서버코드

@app.route('/')
def home():
   return render_template('index.html')

@app.route('/list')
def member_list():
   return render_template('list.html')

@app.route('/member')
def member():
   host = request.args.get('host')
   return render_template(host+".html")

 

4. 페이지별로 방명록 API 백엔드 개발

방명록 저장하기

@app.route("/api/guest", methods=["POST"])
def guest_post():
    host_receive = request.form['host_give']
    team_receive = request.form['team_give']
    name_receive = request.form['name_give']
    comment_receive = request.form['comment_give']
    doc = {
        "host": host_receive,
        "team": team_receive,
        "name": name_receive,
        "comment": comment_receive
    }
    db.guest.insert_one(doc)
    return jsonify({'msg': 'POST(기록) 연결 완료!'})

 

페이지별 방명록 불러오기

페이지별 방명록을 위해서 host를 기준으로 DB를 조회해서 json으로 넘겨줬다.

@app.route("/api/guest", methods=["GET"])
def guest_get():
    host = request.args.get('host')
    guest_list = list(db.guest.find({'host': host}, {'_id': False}))
    return jsonify({'guests': guest_list})

mongoDB Query 맛보기 - .find()매소드

db.collection.find(query, projection)

parameter	type	설명
query	document	Optional(선택적).  다큐먼트를 조회할 때 기준을 정합니다. 기준이 없이 컬렉션에 있는 모든 다큐먼트를 조회 할때는 이 매개변수를 비우거나 비어있는 다큐먼트 { } 를 전달하세요.
projection	document	Optional. 다큐먼트를 조회할 때 보여질 field를 정합니다.