끄적끄적

jinja2는 계속해서 불필요하게 클라이언트 사이드 렌더링하는것을 간편화 하려고 사용한다. - 클라이언트 사이드 렌더링이란? html 파일에서 javascript 를 이용해서 /url 로 요청을 보내고 응답을 받아서 .append 로 계속 내용을 추가해주는 방식 그러면 - 서버 사이드 렌더링 이란? 피드페이지에 접근하자마자, 서버에서 즉시 데이터를 보내주어 반영하는 방식이다 jinja2를 사용하는 법 (GET방식과 비슷하다고 생각이 된다) {content: '안녕하세요', author: 'user1'} @app.route('/feed') def feed(): feeds = db.feed.find() // mongodb 에서 모든 피드데이터를 가져옴 return render_template("feed.ht..

팀 요가보이에서 작성했던 api 명세서 이다. ajax 방식으로 서버와 통신 할 때 어떠한 api를 사용 할 것인지 미리 정해놓고 작업한다. - 위와 같은 api 명세서로 작성한 login_page 이다!! $.ajax({ type: "POST", url: "/join_page/sign_up", data: { new_id_give : new_id, new_pw_give : new_pw, new_nick_name_give : new_nick_name, new_user_name_give : new_user_name }, success: function (response) { alert(response['msg']) window.location.replace(response['url']) } }); @app...

ajax는 기본적으로 서버(app.py)와 클라이언트 (js) 와의 소통으로 생각하면 된다. ajax는 POST 방식과 GET 방식이 있다. 기본적인 ajax 사용 순서 1. JS에서 보낼 데이터를 명시하고 보내준다. 2. app.py에서 request.form으로 데이터를 받아온다. (GET일경우 안받을 수 있음) 3. app.py에서 rsonify 형식으로 response를 보내준다. 4. .js에서 받은 response를 호출하여 사용한다. 먼저 GET방식이다. app,py @app.route('/my_page/book_mark', methods=["GET"]) @authrize def book_mark_list(user): if user is not None: book_mark_post = lis..

오늘은 강의 1회독을 끝낸 후 복습으로 2회독을 시작했다. 기본적인 html과 css 문법, 표등은 옆에 나의 메모장에 옮겨 적어두었다. 한번 다시 정리를 하면서 나 스스로의 공부가 된듯 하였다. 복습겸으로 다시 적어보자면 오늘 했던 것중 가장 중요하다고 생각 된 얘는 ajax이다. 강의자료에 있는 ajax 기본 코드를 가져왔다. $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) ajax는 url안에 있는 정보를 가져오는 방식이다. 오늘 사용했던 코드를 보자. $.ajax({ type: "GET", url: "http://spartacodingclub.shop/spa..

웹개발 강의를 1,2,3주차를 들어놓고 오늘 4주차를 시작했기에 4주차부터 정리를 시작한다. 오늘 공부했던 것 요약 = API, META, POST, GET 사실 한번에 강의를 들으니까 완벽하게 이해가 되질 않는다. get 방식 : 데이터를 조회 할 경우 주로 사용 post 방식 : 데이터를 변경, 입력, 수정 등을 할 경우 주로 사용 주로 데이터를 전체적으로 볼 경우는 GET, 데이터를 부분부분으로 볼 경우엔 POST! app.py 파일과 index.html을 통해 서버와 클라이언트간의 상호작용을 하여 로컬개발환경을 구축했다. API를 통하여 웹에 있는 META 데이터를 받아오는 작업을 수행했는데 이것들에 관해서는 아마 WIL에서 코드들을 정리해서 다뤄야 겠다고 생각했다. 그래서 오늘의 TIL은 조금 ..