[API POST] 내 손으로 만든 API 사용하기, 스파르타 코딩 클럽 1일차

스파르타 코딩 클럽 실무형 AI 웹 개발자 양성 과정 개발 과정: 1일차

4개월 과정의 프로그램이 시작됐다. 살인적인 스케줄, 하루 12시간 의무 자습시간 등등 걱정스러운 부분도 많았지만 프로그램 전체 기간동안 사용하게될 gather라는 공간이 너무나 마음에 들었다.

내가 좋아하는 도트디자인으로 구성된 아바타와 공간들이 왠지 모르게 나를 성장시키는 RPG게임을 하고 있는 듯한 기분을 준다.

4개월간 사용할 내 아바타.

어색어색한게 맛인 팀원들과의 첫 만남

아무리봐도 내 아바타가 제일 귀엽다.

온라인 과정이라 걱정했지만, 캠과 마이크를 키고 있어 생각보다 팀원들과 함께하는 느낌이 들었고, 무엇보다 취향저격당한 게더공간이 12시간 공부를 하고 있는데도 불구하고 어쩐지 재밌다는 느낌을 주는게 너무 좋았다.

앞으로 배운걸 모두 기록하진 못하더라도, 하루에 적어도 코딩의 한 부분에 대한 직관력을 기른채 마무리하기 위해 글을 써볼 예정이다.

API 서버 만들고 사용하기.

POST : API 서버에 데이터를 저장하기

#POST를 위한 서버만들기
@app.route("/homework", methods=["POST"])
def homework_post():
    name_receive = request.form['name_give']
    comment_receive = request.form['comment_give']

    doc = {
        'name' : name_receive,
        'comment' : comment_receive
    }
    db.page.insert_one(doc)

    return jsonify({'msg':'작성 완료!'})

//name, comment 정보 서버로 보내기
function save_comment() {
            let name = $('#name').val()
            let comment = $('#comment').val()

            $.ajax({
                type: 'POST',
                url: '/homework',
                data: {'name_give':name, 'comment_give':comment}, //데이터 저장
                success: function (response) {
                    alert(response["msg"])
                    window.location.reload() //새로고침
                }
            })
        }

1. 버튼을 누르면 save_comment()가 실행된후, name, comment를 jQuary로 가져온다.

			let name = $('#name').val()
            let comment = $('#comment').val()

2. 데이터를 미리 약속한 대로 'name_give', 'comment_give'로 실어보낸다.

			data: {'name_give':name, 'comment_give':comment}

3. name_receive로 데이터를 받아서, doc이라는 딕셔너리형태로 나의 db(page)로 데이터를 보내고 저장한후, 'msg'를 보냄.

	name_receive = request.form['name_give']
    comment_receive = request.form['comment_give']

    doc = {
        'name' : name_receive,
        'comment' : comment_receive
    }
    db.page.insert_one(doc)

    return jsonify({'msg':'작성 완료!'})

4. 'msg'를 받아서 alert로 'msg'를 보여준뒤 reload한다.

				success: function (response) {
                    alert(response["msg"])
                    window.location.reload()

API POST방식 명령어를 실행하면 이러한 프로세스로 API 서버에 데이터를 저장하게 된다.

GET 방식 또한 기록하고 싶지만, 매일 아침 헬스장을 한번 가보려고 하기때문에 그만 자야겠다..

힘들지만 재밌다. 하지만 재밌지만 말고 잘해져야 한다!

시간이 지나고 내가 꿈꾸는 나의 모습이 되었을때, 지금 이 글을 본다면 어떤 기분이 들지 상상하면서 잘 준비 해야겠다!🤪