반응형

2025/03 3

[React] 소셜 로그인 (1)

- 소셜 로그인은 제3의 사용자 인증 서비스를 이용해 현재 사용자를 인증하고 접근 가능하게 하는 방식- 최근 여러 포털에서 서비스를 제공하고 있으며 내 개인 프로젝트에 소셜 로그인 방식 중 하나인 OAuth를 적용하려고 합니다. [OAuth2.0 방식]- 권한부여 승인 코드 방식(Authorization Code Grant)- 암묵적 승인 방식(Implicit Grant)- 자원 소유자 자격증명 승인 방식(Resource Owner Password Credentials Grant)- 클라이언트 자격증명 승인 방식(Client Credentials Grant) - 카카오나 네이버는 '권한부여 승인 코드 방식'을 이용하며 해당 방식으로 구현해보려 합니다.  - 리액트 애플리케이션에서 로그인 화면을 보고 사용..

React 2025.03.19

[React] 쿠키(Cookie)를 이용한 애플리케이션 상태 저장

- SPA(Single Page Application)은 새로고침 시 애플리케이션의 상태가 초기화되기 때문에 LocalStorage나 쿠키(Cookie)를 사용해서 상태 데이터를 보관하고 애플리케이션이 로딩될 때 저장된 정보들을 로딩해서 사용해야합니다. [react-cookie 라이브러리 설치]npm install react-cookie - 쿠키 사용을 위한 'react-cookie' 라이브러리 설치 [Cookie Util 생성]import { Cookies } from "react-cookie"const cookies = new Cookies()export const setCookie = (name, value, days) => { const expires = new Date() expire..

React 2025.03.13
반응형