개발 일기/쇼핑몰 만들기 (3) 썸네일형 리스트형 AWS EC2에 SpringBoot + Vue.js 프로젝트 배포하기 (1) - 개발환경 구축 오늘의 교훈 : AWS EC2 서버를 종료하지말자 ! 다 날라간다 ^^ (1) 필요 라이브러리 or 모듈 설치를 통한 개발환경 구축하기 ✅ JAVA (버전 확인) sudo apt install openjdk-8-jdk ✅ npm설치 sudo apt install npm ✅ node 12.x 설치 curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt-get install -y nodejs ✅ npm 업그레이드 curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt-get install -y nodejs ✅ Git 설치 sudo apt install git .. 카카오 로그인 (Vue, SpringBoot) 실행기 드디어 혼자 힘으로 Vue와 SpringBoot를 이용하요 카카오 로그인 API를 구현하였습니다! 참고로 카카오로그인 API 연동 + 자체 회원가입을 구현하였습니다. 1. 로그인 버튼을 클릭하는 부분 로그인 이미지를 클릭하면, 카카오로그인 페이지로 넘어갈 수 있도록 구현하였습니다. 물론, 저 AppKey나 redirecturl등을 숨겨 구현할 수도 있습니다만.. 일단 편의상 이렇게 구현하였습니다. 카카오로그인 제품설정 中 Redirect URL은 다음과 같이 설정해주시면 됩니다. (로그인 후, 보여줄 페이지로 지정) 저는 kakalogin.vue가 자체 회원가입을 진행하는 곳이어서 (이름 잘못 지정함...ㅎㅎ...) redirect url을 이곳으로 지정했습니다. Redirect된 페이지 해당 페이지는 .. Jwt Token 저장소에 대해 프로젝트를 진행하면서, JWT 토큰을 이용하여 로그인단을 구현하는 일이 대부분이었다. 그 때마다 공통적으로 나오는 질문이 있었는데, "토큰은 어디에 저장하는게 좋을까?"였다. 찾아보니, Local/Session Storage와 Cookie에 저장하는 2가지 방법이 존재했다. 두 가지 모두 Session저장소처럼 사용자의 인증 상태를 별도 저장소로 유지할 필요가 없는 무상태성을 띔 당시에는 모두가 Cookie를 사용했기 때문에 의식없이 이를 사용했지만, 그 이유를 알아봐야할 것 같아 포스트를 작성하게 됐다. Web Storage web storage 는 HTML5 부터 지원되는 기술로 클라이언트(브라우저)에 데이터를 저장할 수 있는 방법이다. Local/Session Storage가 있는데, Session.. 이전 1 다음
