꾸준함

개요 이번 게시글에서는 OAuth 2.0에 대해 간략히 알아보겠습니다. OAuth 2.0을 이해하기 위해서는 아래의 개념을 알아야 하며 각각의 개념을 간략히 정리하겠습니다. 인증과 인가의 차이 OAuth 2.0 개념 OAuth 2.0 구성 요소 OAuth 2.0 Client OAuth 2.0 토큰 OAuth 2.0 권한부여 유형 1. 인증 vs 인가 OAuth 2.0 설명에 앞서 인증(Authentication)과 인가(Authroization)를 확실히 구분한 상태로 읽으시면 좋을 것 같습니다. 인증 (Authentication) 클라이언트가 요청하는 주체가 자기 자신임을 입증하는 절차 ex) 로그인 인가 (Authorization) 인증받은 사용자가 어떤 권한을 갖고 있는지 체크하는 절차 Role에 ..

React에서 Rest Api를 쉽게 호출하기 위해 axios 라이브러리를 사용하게 되었습니다. 화면을 Component 단위로 나누었고 Api를 호출할 때마다 header에 인증 권한인 Authorization을 함께 넣어줘야 했는데 예시를 찾기 쉽지 않아 상당히 헤맸습니다. 따라서 간단한 사용 예시를 기록하고자 합니다. 현재 배워나가는 단계이기 때문에 비교적 최근에 나온 개념인 훅(hooks)를 최대한 활용했고 Class Component 방식이 아닌 함수형 Component 방식을 사용해 코드를 작성했습니다. 참고로, 프론트는 React, 백은 SpringBoot 프레임워크를 사용하여 개발했습니다. 저 같은 경우 메인 화면에 접근하기 전에 requestParam으로 전달된 토큰을 기반으로 인증 Ap..