TIL - 미니 프로젝트 1일차

🐰 럭키스파르타

🐾 팀 소개 : 행운의 숫자 7조로 모인 럭키스파르타입니다. 본 캠프 첫 프로젝트부터 좋은 일만 가득하길 바라면서 럭키스파르타로 팀명을 지었습니다.

🐾 프로젝트명 : 럭키스파르타를 소개합니다

🐾 프로젝트 소개 : 사전 캠프 때 수강한 웹개발종합반을 바탕으로 복습하고 응용해보는 방식으로 프로젝트를 진행합니다. CSS 기능을 활용하여 웹페이지를 꾸미고, 백엔드를 활용하여 다른 페이지로 이동하는 기능과 댓글 기능을 구현하는 법에 대해 공부합니다. 더불어 팀소개를 주제로 하여 팀원이 서로 알아가고 가까워지는 시간을 가집니다.

🐰 역할

🥕 get 데이터 가져오기

🐰 임시코드

🐾 app.py

# index 게시글 입력 데이터 보내기
@app.route("/main", methods=["GET"])
def main_get():
    all_commnets = list(db.luckys.find({},{'_id':False}))
    return jsonify({'result': all_commnets})

# sub1 댓글 입력 데이터 보내기
@app.route("/sub1", methods=["GET"])
def sub1_get():
    all_commnets = list(db.luckys.find({},{'_id':False}))
    return jsonify({'result': all_commnets})

# sub2 댓글 입력 데이터 보내기
@app.route("/sub2", methods=["GET"])
def sub2_get():
    all_commnets = list(db.luckys.find({},{'_id':False}))
    return jsonify({'result': all_commnets})

# sub3 댓글 입력 데이터 보내기
@app.route("/sub3", methods=["GET"])
def sub3_get():
    all_commnets = list(db.luckys.find({},{'_id':False}))
    return jsonify({'result': all_commnets})

# sub4 댓글 입력 데이터 보내기
@app.route("/sub4", methods=["GET"])
def sub4_get():
    all_commnets = list(db.luckys.find({},{'_id':False}))
    return jsonify({'result': all_commnets})

# sub5 댓글 입력 데이터 보내기
@app.route("/sub5", methods=["GET"])
def sub5_get():
    all_commnets = list(db.luckys.find({},{'_id':False}))
    return jsonify({'result': all_commnets})

• ...내리는거 뭔가 신박한 방법이 필요해..머리야 돌아가라

🐾 script

$(document).ready(function () {
            show_comment();
        });
// 댓글 or 게시글 데이터 받기
function show_comment() {
            fetch('/sub1').then((res) => res.json()).then((data) => {
                
                let rows = data['result']
                $('#').empty()

                rows.forEach((a) => {
                    let name = a['name']
                    let comment = a['comment']
                    console.log(a)
                    
                    // 데이터 입력
                    let temp_html = ``
                    $('#').append(temp_html)
                })

            })
}

🐰

🐾 저장한 값 반환

return jsonify({'result': all_commnets})

🐾 db에서 luckys 콜렉션에 있는 데이터들을 리스트화 해서 all_commnets 에 저장

all_commnets = list(db.luckys.find({},{'_id':False}))

🐰 느낀점

🥕 처음 맡아보는 백엔드!! 두근두근
     지금 이렇게 하는게 맞나 잘 모르겠지만 일단 저장해보는고..🫠

🥕 find 를 이용해 더 간한한 코드를 만들고 싶다. db에 저장은 됐지만 내려오질 않는 데이터들..