flask-jwt-extended를 활용한 로그인 구현
오늘도 기술 블로그에서 보기 드문 긴 서론으로 글을 시작할 것이다. 그간 JWT(Json-Web-Token)을 존맛탱 토큰 이라며 우습게 여기고 사용했었는데 막상 직접 구현하려 하니 막막한 것이 한둘이 아니었다. 따라서 결국엔 기존에 존재하는 …
Python(flask)으로 mongoDB 제어하기 – pymongo
해당 글을 작성하기 앞서 NoSQL에 대한 언급이 단 한번도 없었다. 따라서 RDBMS와 NoSQL의 차이를 간단하게 언급하고 pymongo를 통한 mongoDB 제어방법을 알아보자. What is NoSQL 일단 NoSQL이 무엇의 약자인지 확인을 하자. …
WordPress 내보내기
기존의 서버에서 현재 서버로 이전과정에 있어 wordpress로 제작된 블로그의 글을 모두 새롭게 옮겨질 블로그로 옮겨야 했다.따라서 워드프레스의 내보내기 기능을 활용했으나 이미지가 모두 불러와지지 않았다. 혹시나 해서 로컬에서 워드프레스 서버를 구축후 …
Docker nginx proxy 구성
오늘 종강기념으로 기존의 서버 (windows server 아래 가상화로 ubuntu Server 18.04 LTS) 를 그냥 밀어버리고 했다. windows 에 가상운영체제를 돌리다 보니 아무래도 메모리가 계속해서 부족했기 때문에… 따라서 Ubuntu Server 20.04 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(2-3) – Login Component 만들기(Animation, SASS)
진짜 진짜 진짜 하고싶었던 것 애니메이션 적용시켜서 Web-Application을 조금 더 ‘트렌디’하게 보이게 하는 것… 오늘 했다 그래서 포스팅 연속으로 3개 올리고 있다. 사실 paper_lee가 만든 API를 통해 회원가입 데이터 송수신 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(2-2) – Login Component 만들기(React-Router)
지난 글에서 Login, Join component 를 만들었고 구조를 설명했듯 접속시 회원가입 컴포넌트를 보여주고 로그인을 하기 위해 로그인 버튼을 누르면 로그인 컴포넌트로 전환시켜줄 것이다. React-Router react는 SPA를 만들기에 정말 좋은 JavaScript …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(2-1) – Login Component 만들기
Kakao Maps API 분석을 어느정도 하고 간단하게 로그인 컴포넌트를 만드려고 했다. 근데 하나도 안간단했음..; 공부한 내용을 포함해서 이번 프로젝트 모든 커밋이 있는 레파지토리 참고가능 일단 구조를 로그인 하지 않은(로그인 세션이 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(1-4) – Kakao Map API 입력받은 값으로 지도중심 및 마커 이동시키기
API분석의 끝이 오는 것 같다. 백엔드에서 날아오는 값으로 지도를 옮기고 마커를 찍는 일은 아마도 다반사일 것이다. 따라서 난 input box에서 데이터를 입력받고 그 입력된 데이터를 이용해 지도를 이동시켜볼 것이다. 지도와 …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(1-3) – Kakao Map API 지도 클릭 시 마커 출력 및 좌표 얻어오기
서비스를 제작하기 위해 Kakao Maps API를 연구하는 단계에서 지도에 마커(핀)을 찍는 방법과 마커가 찍힌 곳의 좌표를 얻어오는 방법을 알아봤다. // 지도를 클릭한 위치에 표출할 마커입니다 var marker = new kakao.maps.Marker({ …
Python(Flask)+React+SASS+mongoDB로 웹 서비스 제작하기 프로젝트(번외 for React.js) – ECMAScript 6(ES 6) 문법 정리
ES6는 ECMAScript 2015로도 알려져있다. ECMAScript는 Ecma international 의 ECMA-262 기술 규격에 정의된 표준화 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해 만들어졌고 지금도 자바스크립트가 제일 잘 알려져있지만, 액션스크립트와 J스크립트 등 다른 구현체도 …