전체 글108 [React] WebStorm으로 React 설정하고 hello React 글씨를 화면에 출력하기. 참고로 React에 대해서 잘 모릅니다.아무거나 막 해보는 중이고 옳은 정보인지 저도 모릅니다! React로 hello,React를화면에 띄워보자. 1. 프로젝트 생성하기 □ Vite로 설정하기 □ helloreact 이름 작성하기 □ Template에서 react 설정하기. □ rolldown-vite [ No ] 라고 선택하기 · rolldown: Vite의 롤업/ESBuild 자리를 대체할 예정인 Rust 번들러(Rolldown) 기반의 실험 패키지이다. · 안정/호환성이 더 중요하거나 처음 학습하는 경우→ No · 새로운 것 테스트·빌드속도 체감이 목표 → Yes □ Install with npm and start now?에서 [ No ]를 선택한다. · 잘 모르겠는데 여기서.. 2025. 10. 4. [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. [Spring] HttpEntity와 x-www-form-urlencoded이란? 폼 전송시 코드 살펴보기. ContentType을 x-www-form-urlencoded로명시했더니,HttpEntity에 담아 보냈다.무슨 관계가 있는 걸까? HttpEntity헤더와 바디로 이뤄진 HTTP request, response 엔티티를 나타낸다.쉽게 설명하자면, HttpEntity는 Http 요청/응답의 헤더+바디를 묶는 상자와 같아서 헤더와 바디를 함께 보내야 할 때 사용한다.형제 타입으로는 RequestEntity(요청전용, HTTP 메서드/URL까지 포함)와 ResponseEntity(응답전용, 상태코드까지 포함)가 있다.HttpEntity는 상태 코드가 없으나 HttpStatus의 상태 코드를 더할 수 있다.HttpEntity는 요청/응답 양쪽에서 사용 가능하다. x-www-form-urlenco.. 2025. 9. 21. 이전 1 2 3 4 ··· 18 다음
