내가 아는 맛집 알려줄게! - 2일차

-2023.01.10-

문제_1

초기화면의 맛집 카테고리, 카테고리 별 버튼, 맛집 정보 입력, 맛집 표시 컨셉은 완료!

하지만, 카테고리 별 버튼을 눌렀을 때 DB를 변경해서 가져와야 하는 부분에서 어려움을 겪음

 

음식 전체 DB는

@app.route("/movie_2", methods=["GET"])
def movie_2_get():
    movie_list = list(db.movies_2.find({}, {'_id': False}))
    return jsonify({'movies':movie_list})

이라고 했을 때 위의 서버를 완성해주면 되었다.

(DB 이름이 movie인 이유는 아직 DB 구성이 완료되지 않아 기존 데이터 사용)

 

하지만 다른 DB를 가져 왔을 때 route를 변경해서 했지만 구동 실패 원인은

@app.route("/movie", methods=["GET"])
def movie_get():
    movie_list = list(db.movies.find({}, {'_id': False}))
    return jsonify({'movies':movie_list})

@app.route 의 "/movie" 와 함수이름 mive_get() : 이 같아야 했다!!

(팀원: 윤선님 프로젝트의 경우 이름이 달라도 정상 실행이 되었다고 하는데 왜 그렇지?)

앞으로 서버의 경로를 구성할 때는 아래의 사진을 기억할 수 있도록 하자

 

문제_2

 

초기화면 -> 한식 클릭 = 정상작동

초기화면 -> 맛집등록 클릭 -> 한식 클릭 = 한식 맛집 정보 안나옴

한식 버튼을 여러번 클릭 시 맛집 정보가 누적되어 표출

 

원인

• 맛집등록 버튼 클릭 시 한식 맛집 정보를 보여주는 div를 숨김 처리 했음

function post() {
    $('#cards-box').hide()
    $('#cards-box-2').hide()   <- 요것이 맛집 정보 box를 숨겨버렸음
    $('#post-box').show()

 

해결

• 한식 버튼을 어러번 클릭 시 맛집 정보가 누적되어 표출되는 오류를 막기위해 제일 처음 box를 비우는 명령어 추가
• 맛집 등록 클릭 -> 한식 클릭 = 한식 맛집 정보가 안나오는 오류를 다시 .show() 를 통해 보여줌으로써 해결

function kor() {
    $('#cards-box-2').empty()  <- 맛집 정보 누적 방지
    $('#cards-box-2').show()   <- 맛집 정보를 나타냄으로 안보이던 문제 해결
    $('#post-box').hide()
    $('#cards-box').hide()

 

문제_2

 

문제는 없으나 맛집 정보에서 카테고리 표시가 데이터값(숫자)로 표출되어 미관상 보기 안좋음

 

해결

• 스크립트에서 받은 데이터 값에 대한 이름을 지정하고, 지정한 이름을 str.replace('변경 전', '변경 후') 사용

let style = rows[i]['style']  <- 데이터 값에 대한 이름 지정

style = style.replace('1', '한식');  <- replace 를 사용한 표출 값 변경 (1 이 한식 으로 변경되어 표출)