항해99 개강 전 사전 스터디 후기 - 2

[항해99 7기 개강 전 사전 스터디 9조]

• 우리의 두 번째 토이 프로젝트는 음식 포스팅할 수 있는 사이트를 만드는 거다. 첫 번째 토이 프로젝트랑 비슷하지만 이번에 다른 점은 각 포스팅마다 댓글 기능도 추가하고 포스팅된 거 중에 랜덤으로 음식을 고를 수 있는 기능도 추가하기로 했다.

---

<사전 스터디 두 번째 토이 프로젝트>

 

• 이번에 역할 분담은 각각의 기능을 서로 맡기로 했다. 5가지로 나눴다.

-랜덤 버튼 누르면 요리 데이터 베이스에서 요리 랜덤으로 가져오기

요리 업로드 게시 기능

  -요리 post 함수 (데이터베이스에 )

  -요리 get 함수 (데이터 받아서 화면에 나타내기)

댓글 기능

  -댓글 post 함수 (포스팅 된 요리 안에 댓글 창 만들기)

  -댓글 get 함수 (댓글 받아서 화면에 나타내기)

 

 

• 나는 댓글 Get 함수를 하기로 했다. 강의 들을 때 댓글 창 만들어본 적이 있어서 쉽겠다고 생각했었다. 그건 나의 오산이었다. 댓글 DB에 넣는 거랑 화면에 보이는 거 까지는 다 했다. 1개의 포스팅된 곳에는 넣었는데 나머지 포스팅된 곳에는 어떻게 넣어야 할지 막막했다. 

처음에 만든 댓글 기능

 

• 처음 만들었던 댓글 기능에서 좀 다르게 만들었다. 댓글 버튼을 누르면 포스팅된 요리 데이터에 있는 숫자(${nem})를 받아 댓글 버튼을 누르면 각 페이지에 이동할 수 있게 만들었다. 같이 댓글을 만들던 팀원이 알려준 기능 덕분에 'Python Flask 라우팅으로 변수넘기기'를 참고해서 버튼을 누르면 각각 다른 페이지로 가는 거까지 성공했다.

@app.route('/message/<int:message_id>')
def get_message(message_id):
    return 'message_id : %d' % message_id
#[출처] [Python Flask] # 02 파이썬 플라스크 라우팅|작성자 넬티아

<div class="comment_btn">
      <button type="button" onclick="window.open('/message/${num}')" class="btn btn-warning">댓글 보기</button>
</div>

이제 이 이후에 각 댓글 페이지마다 댓글을 적을 수 있는 기능, 댓글 화면에 나타내는 기능을 해야 하는데 시간이 부족해서 못하고 끝냈다.

 

• 아직 항해99 들어가기 전 사전 스터디이다. 스터디하면서 내가 부족한 점도 많고 잘 모르는 것도 많은 걸 느꼈다. 그리고 같이 하는 팀원들 덕분에 힘이 나고 프로젝트하면서 모르는 거 있으면 같이 찾아주어서 고마웠다. 스터디하면서 프로젝트 만들면서 프로그래밍 기능을 익히는 거도 중요하지만 팀원들과 소통하면서 도와주고 도움받는 것이 중요하다는 걸 깨닫게 되었다.

 

 

<최종 결과물>

오늘 뭐 먹지 화면

요리 등록할 수 있는 기능

포스팅 된 요리들