TIL day3

이혜원·2022년 11월 16일

오늘 한 일

  1. API 기능 끝내기

정말 우여곡절이 많은 날이었다.
API 기능 중 내 페이지 POST 기능이 계속 안되었다.

#내 자기소개 페이지: member_4.hrml

@app.route('/member_4')
def lee():
return render_template('member_4.html')

@app.route("/member_4", methods=["POST"])
def post_guest_list4():

난 처음에 이 두 url에 문제가 있어서 그런가 했다. 내가 잘 모르니깐. 글로 쓰니 짧지만 정말 몇시간을 왜 POST 가 안되는지 구글링 해보고 강의도 다시 보고 url도 바꿔봤다. 나중에 팀원 중 한분이 말해줘서 오류는 다른데 있다는 걸 발견했다.

내 페이지에 POST ajax 중
$.ajax({
type: 'POST',
url: '/member_4',
data: {name_give: name, message_give: message}

이 부분이 잘못됐다는 걸 알려주셨다. url: /name 을 바꿔야 된다는걸 잊은거였다. /member_4 로 바꿔주니 잘만 되더라.. 허무하면서도 다행이라 생각했다.

그래도 머리 싸매고 애쓰면서 API를 좀 더 이해하게 된 느낌이다.

음.. 예를 들어 정보를 '/board' 에서 불러올때 복수형인 /boards 를 써도 된다는거다. 아니면 내가 실제로 쓴 것처럼
/board_1 숫자를 추가하거나. 이렇게 하면 같은 /board 페이지에서 다른 collection에 연결된 정보들을 가져올 수 있었다.

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

@app.route("/board_1", methods=["GET"])
def get_guest_list1():
guest_list1 = list(db.member_1.find({}, {'_id': False}))
return jsonify({'guests1': guest_list1})

@app.route("/board_2", methods=["GET"])
def get_guest_list2():
guest_list2 = list(db.member_2.find({}, {'_id': False}))
return jsonify({'guests2': guest_list2})

내가 쓴 방명록 API 다. 이 테이블에서도 보이지만 url만 번호가 달라지고 반복되는게 많다. 마치 1X5 라는 방법을 냅두고 1+1+1+1+1 을 하는 것 같다. 일단 내가 생각하는 방법처럼 기능을 하는데 만족하기로 했다.

  1. 방명록 페이지 끝내기
    어제 개인 페이지 꾸미는 걸 다 해서 오늘은 방명록 페이지 css를 했다. 그냥 테이블 형식으로 방명록을 보여주는 것보다는 박스 형식으로 하는게 더 좋을 것 같아서 부트스트랩에서 괜찮은 형식을 찾아서 완성했다.

2-1. 버튼을 눌러서 열고 닫는 function을 완성했다. 도와줘서 고마워요 구글!

$(document).ready(function () {
            isShow = true; <-- 보일 때 condition
            $('#b4').on('click', function () {
                if (isShow) {
                    isShow = false;
                    $('#table4').show("slow"),
                    $('#b4').text('방명록')

                } else {
                    isShow = true;
                    $('#table4').hide("fast");
                    $('#b4').text('이혜원 팀원');

                }
            })
        })

그리고 show.() function에 이런 기능이 있는 줄 몰랐다.

$(selector).show(speed,easing,callback)

덕분에 열고 닫을 때 방명록이 느리게 열리고 빠르게 닫혀서 더 이뻐보여 기분이 좋았다.

  1. master 와 book branch (내가 쓰던 branch)를 병합했다. 내가 잘 모르고 처음이라 병합하던 도중 충돌이 발생했다. 병합하던 중 >>X 가 떳고 수정부분 중

    지워도 되는 부분: X
    넣고 싶은 부분: >>
    이렇게 하면 되는데 그걸 모르고 잘못 눌렀다가 내가 지금까지 만든 모든 API 기능을 날렸다... 다행히 그 전에 깃허브에 push 를 해놔서 크게 문제는 되지 않았다. master을 clone하고 book branch를 pull 해서 다시 병합했고 개인적으로는 잘 한 된 것 같다. (처음엔 branch를 clone하고 싶었는데 master가 돼서 branch를 pull 하기로 했다.)

내일 할 일

1.방명록 페이지 CSS 잘못된 점 고치기
2. API 보여드리고 더 효율적인 방법이 있나 듣기
3. master branch 병합 끝내기

p.s
위에 적긴 했지만 진짜 url:/name 오류를 발견 못해서 머리 깨지는 줄 알았다...ㅠㅠ 짜증...ㅋㅋㅋㅋ

0개의 댓글