🚀 JavaScript를 실행 시키는 방법 1️⃣ node 명령어를 사용 우선 실행시킬 js 파일로 이동한다. # ex cd Desktop/my-app/next-study.js node 명령어로 실행 node next-study.js 2️⃣ code runner 익스텐션을 사용 Code Run...

📌 Server Side 4. 클라이언트로부터 전달 받은 인가 코드를 이용하여 카카오 서버에 토큰 요청 먼저 클라이언트로부터 인가 코드를 받아오는 엔드포인트에서, 카카오 서버에 액세스 토큰을 요청하는 서비스를 호출 /* AuthController.java */ @GetMapping("/kakao") public ResponseEntity&...

React + SpringBoot + Kakao 소셜 로그인 동작 과정 📌 Client Side 1. 카카오 로그인 클릭 ➡ 카카오 서버에 인가코드 요청 <a href={KAKAO_AUTH_URL}> <img src={icons.kakaoLogin} alt="KakaoLogo" className="kakao-login-icon...

카카오 로그인 (1) 카카오 로그인 (2) 1. 카카오 디벨로퍼 설정 Kakao Developers Kakao developers.kakao.com 위의 링크에서 애플리케이션 등록을 해준다. 애플리케이션 추가하기 플랫폼 ➡️ Web 등록 ...

📌 React와 Spring Boot를 사용하여 JWT를 기반으로 로그인 세션을 관리하는 과정 1. React에서 API 요청 React 클라이언트에서는 이메일과 비밀번호를 입력 후 로그인 API를 호출하여 사용자 인증을 처리 코드 보기 import axios from 'axios'; class UserService { st...

로그인 UI 카카오 로그인 JWT(Jason Web Token) JWT(JSON Web Token)는 두 개체 간에 정보를 JSON 객체로 안전하게 전송하기 위한 개방형 표준( RFC7519 )이고, 디지털 서명으로 검증되고 신뢰될 수 있다. JWT는 주로 사용자가 로그인한 후 요청마다 JWT를 포함시켜 허용된 리소...

웹 개발에서의 CORS 설정 CORS란? CORS(Cross-Origin Resource Sharing)는 웹 애플리케이션이 하나의 출처에서 실행되는 리소스가 다른 출처의 리소스에 접근할 수 있도록 허용하는 보안 기능이다. 웹 브라우저는 보안상의 이유로 기본적으로 다른 출처(도메인, 프로토콜, 포트)의 리소스에 접근하는 것을 제한한다. 이러한 제약...

펫스타그램 ‘펫스타그램’은 반려동물과 사람이 함께 삶을 추구하는 시대를 반영하여 만든 웹 플랫폼입니다. 사용자들은 반려동물 사진과 동영상을 업로드하고 공유하며, 다양한 반려동물 프로필을 확인하고 정보를 공유함으로써 새로운 친구를 사귈 수 있는 커뮤니티를 형성하고자 만들게 되었습니다.