파이썬/파이썬 플라스크20 ep 15. 인스타그램 클론코딩 (6) 폴더 구조 리팩토링 이번 시간은 구현에 앞 서 폴더 구조를 조금 고쳐주도록 하겠습니다. 위와 같이 server 파일을 삭제함과 동시에 html 폴더를 assets/ 아래에 만들어 html 파일들을 옮겨주고, server 아래 있던 파일들과 폴더는 frontend 아래로 옮겨줍니다. 파일들이 위치를 이동했음으로 이에 따라 코드도 수정해줍니다. server.js 파일의 6, 14, 18번째 줄을 위와 같이 수정해줍니다. 이 후 nodemon start 로 서버를 실행시켜 잘 작동되는 지 확인 해줍니다! ( 까먹지 말고 백엔드 서버도 켜줍시다.) 댓글 API 구현 먼저 backend/api/resources 폴더에 comment.py 파일을 새로 생성해줍니다. from flask_restful import R.. 2022. 11. 20. ep 14-2. Flask 인스타그램 클론코딩 (5) 이번 시간엔 먼저 프론트단에서 서버를 띄워보도록 하겠습니다. 먼저 frontend 폴더에 server라는 이름의 폴더를 생성해주고, 그 아래 server.js 파일을 생성해줍니다. 그리고 위와 같이 만들어준 server 폴더로 이동해 npm init 명령을 통해 package.json 파일을 생성해줍니다. 필자는 다음과 같이 정보를 입력했습니다. npm install nodemon -global 명령을 입력해 nodemon을 설치해줍니다. nodemon은 server.js 파일의 변화가 생기면 이를 자동 재시작해주는 역할을 수행합니다. 그 후, npm install express 으로 서버를 열 때, 사용하게 될 express도 살처해줍니다. var express = require("express"); .. 2022. 11. 17. ep 14-1. WSGI, Werkzeug WSGI WSGI란 웹 서버 게이트웨이 인터페이스(Web Server Gateway)의 줄임말로, 웹 서버와 웹 애플리케이션의 인터페이스를 위한 파이썬 프레임워크다. (프로토콜의 개념으로 이해할 수 있음) 구조 - 서버와 앱 양단으로 나뉘어져 있음 리퀘스트를 처리하기하는 방법 서버에서 환경 정보와 콜백함수를 앱에 제공 -> 앱은 그 요청 처리 및 콜백 함수를 통해 서버에 응답 Werkzeug(벨저크) WSGI는 인터페이스 설계를 위한 규약인 반면, werkzeug는 이 규약을 지켜 설계하게 도와주는 도구이다. ex) request, response와 같은 명령 실행이 werkzeug에 의해 이루어짐 정규표현식 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식 언어 파이썬뿐만 아니라 문자열을 처.. 2022. 11. 17. ep 13. flask로 instagram Clone 코딩 - 4 (JWT) 지난 시간엔 백엔드에서 회원가입 API까지 구현을 해봤습니다! 이제 회원가입을 했으니 자연스레 로그인도 세트로 생각이 드실 겁니다. 하지만 여기서 우리는 궁금한 점이 있을 것입니다. 바로 회원가입의 경우 우리가 값을 넣고 그 값이 유효한지만 판별하면 끝이지만 로그인은 그렇지 않습니다. 들어온 값이 맞는지 확인을 해주고, 그 값이 일치하다면 단순히 OK가 아닌 "유지"가 되어야 합니다. 이때 우리가 사용해볼 수 있는 것이 JWT 입니다. JWT가 무엇인지 간단하게 설명드리겠습니다. JWT란? 먼저 JWT는 JSON Web Token 의 줄임말 입니다. 사전적인 의미로는 선택적 서명 및 선택적 암호화를 사용하여 데이터를 만들기 위한 인터넷 표준입니다. 아직까지는 이게 무슨 말인지 이해가 잘 안 될 것이고, .. 2022. 11. 6. 이전 1 2 3 4 5 다음
