본문 바로가기

웹 프로그래밍(풀스택-->python)59

47. API 설계하기 자 우리가 모든 프로젝트를 설계하기 전에는 우리가 api를 설계하는 일이 가장 처음에 해야 될 일이다. 그래야지 우리 서비스에 어떤 기능들이 필요하고 그 기능은 어떤 순서로 구현을 할건지 계획을 잡는 일을 설계라고 부른다. 자 그러면 어떤 기능이 필요한지 api 를 설계해보자 자 일단 봐보면 아래와 같은 카드들을 만들어야 한다. 그럴때 이용하는 것이 카드생성 CRUD중 CREATE(생성)--> /POST이다. 또한 리스팅API는 READ -> GET 방식 으로 한다. 자 이거를 우리가 한번 만들어보자! 자 그럼 마지막으로 리스팅api는 언제 호출할까? 바로 로딩이 끝나면 바로 요청한다. 그 기능이 바로 ajax 콜이라는 것도 잊지말자! 2021. 5. 6.
46. 프로젝트 세팅 아주 간단한 프로젝트 세팅부터 하자..! http://spartacodingclub.shop/ 스파르타코딩클럽 | 나홀로 메모장 spartacodingclub.shop 이 사이트를 만들어 볼 것이다..! 이 폴더구조로 만들면 된다.. 2021. 5. 5.
45. GET 연습( 리뷰 보여주기) --> 자 api를 만들고 사용하기 - 저장된 리뷰를 화면에 보여주기(READ - GET) 자 앞서 공부했던것을 정리해보자..! @app.route('/review', methods=['GET']) def read_reviews(): sample_receive = request.args.get('sample_give') print(sample_receive) return jsonify({'msg': 'GET 연결되었습니다!'}) 자, 서버에서 브라우저에게 request.args.get('sample_give') 브라우저가 위와 같은 "sample_give"라는 데이터를 서버에게 보내면, 서버는 그 데이터를 받고 다시 jsonify 형태로 브라우저에게 응답한다. function showReview() { .. 2021. 5. 2.
44. 나홀로메모장 - POST 연습(메모하기) 앞서 공부했듯이 get은 read전용(조회)전용이라하였고 post는 create,update,delete 전용이라 하였다... function makeReview() { $.ajax({ type: "POST", url: "/review", data: { sample_give: '샘플데이터' }, success: function (response) { alert(response["msg"]); window.location.reload(); } }) } index.html 문서이고 @app.route('/review', methods=['POST']) def write_review(): sample_receive = request.form['sample_give'] print(sample_receive) r.. 2021. 4. 30.
반응형

티스토리툴바