본문 바로가기

IntelliJ13

[Spring, Vue.js] 카카오 간편 로그인 만들기④ - 사용자 정보 조회해서 닉네임 읽어오기 (REST API) [Spring, Vue.js] [Spring, Vue.js] 카카오 간편 로그인 만들기③ - Spring으로 토큰 교환하기 (REST API)[Spring, Vue.js] 카카오 간편 로그인 만들기② - Vue로 프론트엔드 작성하기 (REST API)[Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기카카오 간편 로그post-this.tistory.com 카카오에게 토큰을 받아왔다.받아온 토큰으로 사용자의 정보를 읽어오자! 1. 화면로그인 성공 메인화면(닉네임 O) 2. 전체 코드package 여러분걸로 넣으세요 &_&import org.springframework.beans.factory.annotation.Value;im.. 2025. 9. 30.
[Spring, Vue.js] [Spring, Vue.js] 카카오 간편 로그인 만들기③ - Spring으로 토큰 교환하기 (REST API) [Spring, Vue.js] 카카오 간편 로그인 만들기② - Vue로 프론트엔드 작성하기 (REST API)[Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기카카오 간편 로그인을 만들어보자!먼저 어떻게 만들어야하는지 구조와 흐름을 파악하고카카오post-this.tistory.com 프론트엔드까지 작성했다.이제 백엔드로 넘어와서 토큰 교환까지 만들어보자! 1. 화면로그인 성공 메인화면 (닉네임 O) 2. 전체 코드package 여러분걸로 넣으세요 &_&import org.springframework.beans.factory.annotation.Value;import org.springframework.http.*;im.. 2025. 9. 28.
[Spring, Vue.js] 카카오 간편 로그인 만들기② - Vue로 프론트엔드 작성하기 (REST API) [Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기카카오 간편 로그인을 만들어보자!먼저 어떻게 만들어야하는지 구조와 흐름을 파악하고카카오 디벨로퍼스를 설정하자. 1. 카카오 디벨로퍼스 - 카카오 API 시작하기 Kakao Developers카카오 API를 활post-this.tistory.com 카카오 디벨로퍼스에서 필요한 건 모두 설정했다.이제 설정한 걸 토대로, 프론트를 작성해 보자! 1. 화면로그인 카카오 간편 로그인 2. 전체 코드 LoginView.vue Sign In ෆ ID .. 2025. 9. 27.
[Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기 (REST API) 카카오 간편 로그인을 만들어보자!먼저 어떻게 만들어야하는지 구조와 흐름을 파악하고카카오 디벨로퍼스를 설정하자. 1. 카카오 디벨로퍼스 - 카카오 API 시작하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해 보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com - 카카오 로그인 구현하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해 보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com - 카카오 로그인 이해하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을.. 2025. 9. 25.
[Vue.js] 로그인 성공 시, localStorage를 이용하여 사용자 아이디가 메인화면에 보이도록 설정하기! 로그인까지 만들었다.사용자가 로그인을 하게되면메인화면에 사용자 아이디가 보이도록설정해보자! [ 로그인 만들기 ]블로그에 적었던 vue코드가 조금 바뀌었습니다 [SpringBoot, Vue.js] 로그인 화면 만들기, passwordEncoder.matches를 통해 암호화된 비밀번호 비교하기.회원가입까지 만들었다.이제 회원가입한 아이디와 비밀번호로로그인을 해보자! [ 회원가입 1편 + 2편 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화post-this.tistory.com ※이 코드는 그냥 연습용으로 겉모습만 로그인 된 것처럼 만든 것입니다.그렇기에 실제로 로그인된 화면이라고 보긴 어렵습니다.만약 제대로.. 2025. 9. 2.
[SpringBoot, Vue.js] 로그인 화면 만들기, passwordEncoder.matches를 통해 암호화된 비밀번호 비교하기. 회원가입까지 만들었다.이제 회원가입한 아이디와 비밀번호로로그인을 해보자! [ 회원가입 1편 + 2편 ] [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 1편 : dto 만들고 이름, 패스워드, 전화번호 패대부분의 웹사이트는회원가입과 로그인 기능을 가진다.그 중 회원가입 기능을 만들어보자! 1. 화면 동작과 전체코드회원가입 영상 회원가입 중복 디렉토리와 클래스 Vue와 Spring을 연결해주는 dtopost-this.tistory.com [SpringBoot] (IntelliJ, vue.js, H2) 회원가입 페이지 만들기 2편 : 아이디, 이메일 중복체크 만들기.이름, 비밀번호, 전화번호를패턴 체크를 했었다.이번에는 아이디와 이메일을중복 체크 해보자! [ 회원.. 2025. 8. 31.

티스토리툴바