# login
Sekkison Frontend UI -11 # 로그인
우리가 진행하는 sekkison 프로젝트는 모바일을 위주로 만드는 프로젝트이다. 그리고 우리 팀은 프론트엔드 개발자가 아니라 백엔드 개발자들만 모여 있기에 모바일 로그인 탬플릿을 사용하여 만들었다.프론트엔드를 깊게 배우지 않아 조잡해 보일 수 있지만 최대한 잘 보이게
Spring Security 1. - 시작하기
Spring 기반 App 의 인증과 권한을 담당하는 Spring 의 하위 framework 이다.인증 (Authenticate) - 로그인권한 (Authorize) - 인증된 사용자가 어떤 것을 할 수 있는지hymeleaf-extras-springsecurity6 는
[Challenge] 로그인 구현 lv.4
reactreact-router-domtypescriptrecoiladmin & authlogout유저의 role에 따라 접근 권한이 주어지는 경우가 있다. admin 페이지가 대표적이다. 이때는 서버에서도 통제를 해주어야한다. 멘토님이 말씀하시기를 가끔 너무 바쁘고
[Challenge] 로그인 구현 lv.3
reactreact-router-domtypescriptCookieLocal StorageSession Storage사용자의 로그인 이후 로그아웃 혹은 로그인 만료까지의 시간세션방식 로그인사용자 로그인이 유효한 시간동안 서버에 세션아이디를 기록해두고 인증에 사용한다.간
Next-Auth 소셜 로그인 [구글]
NextJS 에서 next-auth를 이용하면 google , facebook , naver 같은 소셜 로그인 기능을 쉽게 만들 수 있어요.next 13버전, next-auth 4버전을 사용했습니다..env 파일을 이용해서 google 클라이언트 키와 시크릿키를 저장합
[Challenge] 로그인 구현 lv.2
reactreact-router-domtypescriptTokenJWT(Json Web Token)Refresh Tokenurl : 'https://url.com/auth/login;body: { username: string, password: string
GitHub 로그인 정보 저장 관련
local git에서 GitHub로 연결하여 push할때 로그인정보를 물어보게 되는데 '22년 8월이던가 부터 단순 id/pass 로그인이 아닌 token방식이 도입되었다. 해당 설정을 하기 위해 GitHub 사이트에서 아래와 같이 Access Token을 생성하고 g
[Challenge] 로그인 구현 lv.1
reacttypescriptlogin 함수는 비동기함수이다. 올바른 username, password를 입력받았을때 LoginRes를 리턴한다. 목데이터에 없는 username과 password를 리턴하는 경우에는 null을 리턴하게 된다.여기서 토큰이라고 보낸 건 임
[Challenge] 로그인 여부에 따른 페이지 라우팅
로그인 여부에 따라서 노출되어도 되는 페이지와 블락해야하는 페이지가 있다. 이 페이지들의 노출 여부를 판단해주는 컴포넌트를 따로 분리하는 과정을 프리온보딩 섭(신성환님)에서 들은 것 + 내가 이해한 것 에 따라 정리해보려고 한다. reacttypescriptreact-
[React] 네이버로그인
생각보다 네이버 로그인 오픈api 사용방법 정보가 많지 않고 복잡한 것 같아서 더듬더듬 해보면서 기록하려고 한다.네이버 로그인 개발가이드https://developers.naver.com/docs/login/devguide/devguide.md네이버 로그인버튼
로그인, 회원가입 구현(2) - Service, Controller 구현, Token 처리
Token관련, 그리고 로그인/회원가입 관련 서비스와 컨트롤러를 구현하였습니다.
JWT를 이용한 로그인 기능
Spring Security를 적용한 Spring Boot 프로젝트에서 Form Login 방식을 진행했을 때 비밀번호 확인은 대체 어디서 하는지 디버깅 한 과정을 작성했습니다.
kakao login
OAuth 2.0 기반의 사용자 인증기능 "카카오 개발자 센터"에서 회원가입을 합니다. "내 어플리케이션"을 들록하면, 카카오 개발자 센터에서 key를 하나 만들어 줍니다. 키의 종류 : 네이티브 앱키, 자바스크립트 키, REST API 키, Admin 키web/ an
