oauth3 [Next.js] 리덕스와 자체 로그인연결 1. 일단 store를 만들었다 redux/store.js import { createSlice, configureStore, PayloadAction } from "@reduxjs/toolkit"; const initialState = { value: { email: "snrnsi", pw: "123", }, }; const LoginState = createSlice({ name: "login", initialState, reducers: { //로그인한 유저 변경되는게 들어가야한다. setLogin: (state, action) => { state.user = action.payload; }, setLogout: state => { state.email = null; state.pw = null; .. 2024. 4. 3. [Next.js] Oauth와 자체 로그인 같이 구현 자체 로그인구현하는데 몇일이 걸린지 모르겠다..... 그래서 결국 해낸거같아서 내자신에게 아주 칭찬해!!!!!!!!!!!!!! 몽고DB를 연결해서 구현했는데. 왜 계속 console.log(요청.body)하면 아무것도 안잡히지 하면서 많이 찾아보고 했는데 원인을 알았다. 가장 큰 이유는 axios를 이용해서 post로 데이터를 보내줄때 body를 제대로 안보내줬던것 같다. 이게 가장 큰 문제였던 것으로 예상된다. 그래서 axios .post("/api/auth/login", body) //.then(res => console.log(res.data)) .then(res => { setEmail(res.data.email), setPw(res.data.pw), alert("로그인성공"), router.pu.. 2024. 3. 23. OAuth OAuth 2.0 - 인증을 중개해주는 메커니즘. -보안된 리소스에 액세스하기위해 클라이언트에게 권한을 제공하는 프로세스를 단순화하는 프로토콜이다. -이미 사용자 정보를 가지고있는 웹서비스(네이버, 카카오등)에서 사용자의 인증을 대신해주고, 접근 권한에 대한 토큰을 발급한후, 이를 이용해 내 서버에서 인증이 가능해진다. -자주 사용하고 중요한 서비스들(네이버, 카카오)의 ID와 password만 기억해놓고 해당 서비스들을 통해서 외부 서비스로 소셜 로그인을 할수있다. -보안상의 이점이 있다. 검증되지 않은 App에서 OAuth를 사용하여 로그인한다면 유저의 민감한 정보가 직접 App에 노출될 일이 없고 인증 권한에 대한 허가를 미리 유저에게 구해야 하기 때문에 더 안전하게 사용할수있다. OAuth의 주체.. 2023. 3. 9. 이전 1 다음
