[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - 레시피 데이터 listing - get방식 api 만들기

백엔드 기능 구현하기

2. 레시피 데이터 listing - get방식 api 만들기

# 백종원 공식레시피 API
@app.route('/official_recipes', methods=['GET'])
def official_recipes_view():
    # 서버 내부에서 수행 할 기능 / DB에 저장돼있는 모든 정보 중 '공식레시피' 가져오기
    paik_official = list(db.paik_all_recipes.find({'category': '공식레시피'}, {'_id': 0}))
    return jsonify({'result': 'success', 'paik_official': paik_official})

$.ajax({
	type: "GET",
	url: "/official_recipes",
	data: {},
	success: function(response){
		if (response['result'] == 'success') {
			let paik_official = response['paik_official'];
			console.log(paik_official);
			for (let i = 0; i < paik_official.length; i++) {
				paik_official_recipe_list(paik_official[i]['image'],paik_official[i]['title'],paik_official[i]['posting_day'],paik_official[i]['description'],paik_official[i]['author'],paik_official[i]['url'])}
		} else {
			alert('레시피를 받아오지 못했습니다');
		}
	}
})

# 백종원 따라하기레시피 API
@app.route('/follow_recipes', methods=['GET'])
def follow_recipes_view():
    # 서버 내부에서 수행 할 기능 / DB에 저장돼있는 모든 정보 중 '따라하기레시피' 가져오기
    paik_follow = list(db.paik_all_recipes.find({'category': '따라하기레시피'}, {'_id': 0}))
    return jsonify({'result': 'success', 'paik_follow': paik_follow})

$.ajax({
	type: "GET",
	url: "/follow_recipes",
	data: {},
	success: function(response){
		if (response['result'] == 'success') {
			let paik_follow = response['paik_follow'];
			console.log(paik_follow);
			for (let i = 0; i < paik_follow.length; i++) {
				paik_follow_recipe_list(paik_follow[i]['image'],paik_follow[i]['title'],paik_follow[i]['posting_day'],paik_follow[i]['description'],paik_follow[i]['author'],paik_follow[i]['url'])}
		} else {
			alert('레시피를 받아오지 못했습니다');
		}
	}
})

DB에 저장된 '공식레시피', '따라하기레시피' 데이터를 get방식으로 listing하는 api를 만들었다.

find({'category': '공식레시피'}, {'_id': 0}))

ㄴ 나는 '공식레시피'와 '따라하기레시피'를 프론트단에서 분리하여 보여줄 것이기 때문에 category로 레시피를 분류했다.