개발 노트

React 로그인 1 - 세션을 이용한 로그인 인증 본문

React

React 로그인 1 - 세션을 이용한 로그인 인증

알 수 없는 사용자 2023. 1. 24. 20:56

1. client의 로그인 페이지에서 ID, PW를 입력후 로그인 시도

2. DB에 이 id와 pw가 있는가? 조회한다.

    └없다면 실패 있다면 Session에 id와 qw를 저장하고 성공응답을 보낸다.

       session은 브라우저 창이 닫히면 정보가 바로 사라지기 때문에 화면을 종료후 다시 들어가도 로그인이 x

3. client의 로그인 페이지에서 로그인이 성공했으므로 로그인 성공 화면으로 페이지의 상태를 true? 값을 줘서 바꾸고 ,

     서버로 해당 유저의 정보를 요청한다. 

      상태값이 true,false값은 zustand에 저장해서 사용하면 될 것 같다.

4. 서버에서는 seesion에 id와 pw가 있는지 확인 후에 있다면 정보를 보내주며 성공 메세지를 보내준다.

5. login페이지에서는 성공 페이지에서 응답받은 유저정보로 유저 상태를 변경한다. -> My page?라는 새로운 페이지를 만들기로 했었던 것 같은데 이 컴포넌트에도 적용한다.

6. 로그아웃도 seesion에 id와 pw를 확인후 있다면? 정보를 삭제하고 성공응답보내기

7. login페이지가 false로 바껴서 처음 로그인페이지로 돌아와야겠죠..? my page에도 적용하기.

 

그렇다면 우리 db를 어떻게 짜놔서 거기에 어떤식으로 보낼 것인가..?

로그인 정보 = 회원가입이 된 것들을 거기에 넣겠죠? 

세션을 체크하면서 팜 웹 코드랑 전화번호를 체크만 한다면 괜찮을까..? 아마 수석님이 아니라 할 것 같다.

 

'React' 카테고리의 다른 글

React - 특정시간과 현제시간 사이의 차이 구하기  (0) 2023.01.25
React 로그인2 - Firebase 서비스 이용(토큰)  (0) 2023.01.24
AntDesign - Form  (0) 2023.01.20
React - 함수형 업데이트  (0) 2023.01.03
개행, let vs State  (0) 2022.12.29