[TIL] Today I Learned (2022.06.02)

zelly·2022년 6월 2일
1

TIL

목록 보기
26/28
post-thumbnail

OAuth

인증을 위한 개방형 표준 프로토콜.
사용자의 비밀번호 없이도 접근 권한을 위임받을 수 있다.
(소셜 로그인

동작방식 예시

[사용자:유저, 소비자:앱/웹 서비스, 서비스제공자:구글, 페이스북 등]

  1. 소비자가 Request Token 요청
  2. 서비스제공자가 Request Token 발급
  3. 사용자 인증 페이지 호출
  4. 사용자 로그인 완료
  5. 사용자의 권한 요청 및 수락
  6. Access Token 발급
  7. Access Token을 이용해 서비스 정보 요청

※ OAuth 2.0 vs. OAuth 1.0

  • 2.0은 1.0과 호환되지 않음.
  • 2.0은 웹앱이 아닌 앱 지원 강화
  • 2.0은 절차가 비교적 간단해짐.

oauth
OAuth 1과 2의 차이점

OAuth와 춤을
OAuth2 인증 방식에 대해 알아보자.
OAuth 2.0 동작 방식의 이해
OAuth 개념 및 동작 방식 이해하기
OAuth 2.0 에 대하여


JWT

JWT (JSON Web Token)

인증에 필요한 정보를 암호화시킨 토큰.

  • 장점: 별도의 저장소가 필요 없음.
  • 단점: 토큰의 길이가 길어, 인증 요청이 많아지면 네트워크 부하가 심해진다.

box-sizing: border-box 로 설정하는 이유

border-box는 컨텐츠의 크기를 여백과 테두리까지 고려한다.
border와 padding 을 줘도 총 너비로 준 값을 그대로 유지한다.
즉 content-box보다 크기를 쉽게 예상하고 조절가능하다.


Today,

  • 프로젝트의 마무리, 그리고 시작!
  • 나만의 언어로 말할 수 있도록.
profile
🌱 Frontend Developer / ✏Studying / 🍋 React Typescript SCSS Module을 좋아하는 프론트엔드 개발자입니다. 궁금한 점이 있다면 하단 메일로 문의주세요!

0개의 댓글