✅ 문제 직면 현재 개발하는 서비스에서 다른 사이트의 로그인 정보를 받아야 하는 상황 속에서 SSO (Single-Sign-On)를 활용하지 않아본인이 직접 API를 통해 사용자 정보를 입력 받고 Session을 생성해야 하는 상황에 놓여졌다. SSO에 대한 설명 SSO(Single Sign-On)이란? 안녕하세요. 오늘은 SSO(Single Sign-On)에 대해서 알아보면서 개념 및 원리를 간략하게 정리해보려는 포스팅을 하려고 합니다. 1. SSO란 무엇인가? Single Sign-On의 약자로 여러 개의 사이트에서 한번의 toma0912.tistory.com ✅ 서비스 흐름 서버는 Session 정보를 확인하지 못하면 접근을 차단한다. SessionController를 통해 사용자 정보를 전달받고 ..

구조 기본적으로 Spring 프로젝트 내부에 React가 들어가는 형식의 구조로 구성한다. 프로젝트 구조는 본인 편한 대로 구성해도 무방하다. Spring 프로젝트 생성 spring project 생성은 이곳으로 본인이 선호하는 java 버전과 프로젝트 내용을 선택하여 만들면 된다. frontend를 제외하고 위와 같이 프로젝트가 생성이 된다. React 프로젝트 생성 이제 react 프로젝트를 생성할 건데 위치는 원하는 곳에 넣어주면 된다. 나는 spring 프로젝트의 루트 디렉토리에 생성하였다. npx create-react-app {project name} {project name} 이라고 적은 곳에 원하는 app 이름을 작성하면 된다. proxy 설정 이상태로는 프론트와 백이 서로 다른 포트를 사..

이번에 NodeJS와 React를 이용하여 토이 프로젝트를 진행하기 위해 기본적인 서버 및 프론트 세팅을 진행하려고 한다. 위와 같은 형식으로 구조를 만들어 보려고 한다. Server 우선 Node 프로젝트를 하나 생성한다. mkdir "projectName" cd "projectName" mkdir backend cd backend npm init -y backend 디렉토리 내부에 package.json 파일이 생성되었을 텐데 해당 내부로 들어가 license를 "MIT"로 변경하고, main, keywords 등 필요 없는 내용은 삭제한다. { "name": "backend", "version": "1.0.0", "description": "", "scripts": { "start": "nodemo..