2024. 05. 13 (월) 3주차 - Daily Coding - Day14

테이블

 

 

서버는 우리가 누구인지 어떻게 구별할까

회원가입과 로그인 과정을 실제로 구현해보면서 살펴보기

 

클라이언트(프론트엔드) 

1. 회원 가입 요청(id, password)

5. 데이터 요청 (+ Access Token)

 

DB(회원 정보)

2. 사용자 확인

 

서버(백엔드)

3 Acess Token(JWT)

4. 응답 (+ Access Token)

6. Acess Token. rjawmd

7. 응답 (+ 요청 데이터)

 

 

 

 

회원 가입 기능 구현하기(프론트엔드)

프론트엔드 -> 서버로 데이터 보내기

해시를 통해 암호화하기

 

*해시(Hash)란

임의의 길이의 입력 값을 고정된 길이의 출력 값으로 변환하는 함수

동일한 입력에 대해 동일한 출력을 반환

주요 해시 함수 종류 (구방식) MD5, SHA-1 / (신방식)  SHA-256, SHA-512

 

회원 가입 기능 구현하기 (백엔드)

유저 정보를 데이터베이스에 저장

저장한 데이터를 바탕으로 로그인 처리

프론트엔드에게 어떻게 알려줄지 서버의 상태 코드 이해하기

 

로그인 유지시키기

서버는 우리가 누구인지 모른다 - 서버의 stateless 이해하기

어떻게 로그인을 유지시키는지

세션 vs JWT

 

브라우저가 닫혀도 로그인을 유지시키는 방법

브라우저에 데이터를 저장하는 방법

로컬스토리지 vs 세션 스토리지

 

우리 애플리케이션에 적용하기

유저에 따라 다른 화면 보여주기

로그인이 되지 않으면 로그인 화면으로 이동시키기

 

🧐 회고

수업 진도는 다시 조정할 필요가 있겠어.