Spring/Spring Boot20 [Spring Boot | 삽질] H2 Database (User Table) JWT 기초 강의를 들으면서 코드를 작성하고, H2 Database에 연결을 하려는데 자꾸만 에러가 떴다. 그 해결 과정을 기록해놓으려 한다. [참고] https://jeongkyun-it.tistory.com/184 org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataSourceScriptDatabaseInitializer' defined in class path resource [org/springframework/boot/autoconfigure/sql/init/DataSourceInitializationConfiguration.class] Invocation of init method .. 2023. 1. 20. [Spring boot - OAuth2] Kakao Login 구현 #04 0. 전체 Flow 오늘은 Step 3 부분을 구현해보고자 한다. ① Access Token을 이용하여 Kakao Auth Server에게 사용자 정보 요청 ② 사용자 정보 받기 1. OAuthService 구현 ♠ Kakao Developers Docs 우리는 결국 2022. 11. 21. [Spring boot - OAuth2] Kakao Login 구현 #03 0. 전체 Flow 오늘은 Step 2 부분을 구현해보고자 한다. ① Spring boot 서버에서 code를 이용해서 카카오 Auth 서버에 토큰 달라고 요청 ② code를 바탕으로 카카오 Auth 서버에서 토큰 발급 ③ Spring boot 서버에서 토큰을 받으면 끝 ! 1. GSON dependency 추가 Java에서 json을 다루는 라이브러리 중 하나인 gson을 이용해볼 것이다. build.gradle에 gson dependency를 추가해준다. // build.gradle dependencies { ... implementation'com.google.code.gson:gson:2.8.7' ... } 2. OAuthService 구현 ♠ Kakao Developers Docs 우리는 결국 .. 2022. 11. 18. [Spring boot - OAuth2] Kakao Login 구현 #02 0. 전체 Flow Kakao Developers에 소개된 카카오 로그인 flow는 다음과 같다. 오늘은 Step 1 부분을 구현해보고자 한다. 나는 Vue.js로 프론트를, Spring boot로 백을 구현하였다. ① Vue.js 에서 url을 클릭하여 카카오톡 로그인 화면을 받아오고, 화면에 출력 ② 사용자가 카카오톡 로그인을 한다. ③ Kakao Auth Server에서 Redirect URI로 인가 코드를 전달한다. ④ Spring boot로 ③에서 준 코드를 받으면 끝 ! 1. Frontend 설정 Kakao Developer에서 로그인 버튼 이미지를 다운받아서 간단히 다음과 같이 화면을 구상해두었다. (redirect uri는 스프링 포트쪽 http://localhost:3001/kakao로 .. 2022. 11. 17. [Spring boot - OAuth2] Kakao Login 구현 #01 0. Kakao Developer 설정 카카오 로그인을 구현하기 위해서는 Kakao Developer 가입 후, application을 만들어야 한다. 그 과정은 아래와 같다. ① 사이트 접속 후 로그인 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com ② 내 어플리케이션 만들기 앱 이름과 사업자명을 자유롭게 설정하고, 안내사항에 동의하면 쉽게 어플리케이션이 만들어진다. ③ 카카오 로그인 활성화 내 애플리케이션 > 제품 설정 > 카카오 로그인에서 활성화 상태를 ON으로 설정한다. 아래의 Redi.. 2022. 11. 12. [Spring boot - OAuth2] OAuth란 ? 기존 서베이지에서는 이메일로 패널 로그인을 구현했었다. 이번에 서버를 도입하면서 소셜 로그인으로 회원가입 방식을 개편하기로 결정하였다. 따라서 OAuth2와 카카오 로그인을 공부하며 구현해보고자 한다. 1. OAuth란 ? 구글, 네이버, 카카오 등의 다양한 플랫폼에서 사용자 정보를 얻기 위해 제3자 클라이언트(Service)가 접근 권한을 위임받을 수 있도록 하는 표준 프로토콜 만약 OAuth를 사용하지 않는다면, 고객은 직접 Service에 자신의 Kakao 아이디와 비밀번호를 알려주고, Service가 이를 이용해 Kakao에 로그인하게 해야한다. 그러나 이는 보안상으로 굉장히 취약한 방법이다. 따라서 고객이 안전하게 자신의 Kakao Info를 우리 서비스에 전달하기 위해 OAuth가 등장하게 되.. 2022. 11. 12. [Vue.js - Spring Boot - MySQL] 프론트 & 백 연동 [참고] https://dev-jwblog.tistory.com/99 [Vue.js] Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo.. dev-jwblog.tistory.com 1. Vue.js 설정 1-1. vue.config.js ① vue.js 파일을 build 했을 때 원래의 localhost:8080이 아닌, 스프링부트에서 설정한 port (8081)로.. 2022. 9. 12. [Vue.js - Spring Boot - MySQL] 프로젝트 생성 [참고] https://dev-jwblog.tistory.com/99 [Vue.js] Vue + SpringBoot + Mysql 를 이용한 Todo 구현(1) - 프로젝트 구성하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(2) - 프로젝트 환경 설정하기 Vue + SpringBoot + Mysql 를 이용한 Todo 구현(3) - Todo API 개발하기(1) Vue + SpringBoot + Mysql 를 이용한 Todo 구현(4) - Todo.. dev-jwblog.tistory.com 1. Frontend 1-1. 전체 프로젝트 폴더 생성 1-2. 1-1에서 생성한 폴더에서 vue 프로젝트 생성 ① vue-cli 설치 npm install -g @vue/cli ② vu.. 2022. 9. 11. [Spring Boot] lombok & Dto [교재] 스프링 부트와 AWS로 혼자 구현하는 웹 서비스 1. lombok 1-1. lombok 이란 ? Java의 라이브러리로, 비효율적으로 반복되는 메소드를 @Annotation을 사용하여 자동으로 작성되게 해준다. class Point { private int x; private int y; Point() { } public int getX() { return this.x; } public int getY() { return this.y; } public void setX(final int x) { this.x = x; } public void setY(final int y) { this.y = y; } } ↓↓↓ // lombok 사용 class Point { @Getter @Setter priv.. 2022. 8. 30. 이전 1 2 3 다음
