[024] 로그인 연동 구현하기

 
2024.06.11(화)
 
스켈레톤 2일차

한 팀원분이 진짜 열심히 하시고 잘 하신다..

오후 시간에 구현을 많이 못해서,
내일 내가 맡을 만큼은 출퇴근 시간 활용해서
좀 더 시간을 투자해야겠다.

 

---

 

로그인 페이지 구현

1. Login call
: 사용자가 아이디, 비밀번호를 치면 서버로 넘겨준다.

2. Token 처리
: 서버가 확인후 맞다면 json web token 값을 client 에게 전송
: 전송받은 jwt를 localstorage 에 담아둠
: 요청 headers 의 Authorization 에  jwt(json web token)을 넣어서 로그인한 사용자 정보를 요청 전송

3. Me call
: 최종 서버에서 jwt 확인해서 인증처리
: 로그인 정보 전달

4. User 정보
: client에서 유저 정보 확인 후, main으로 라우터 변경

설치항목
1) vuex-module-decorators( vuex 모듈 플러그인 )
2) vuex-class ( vuex 모듈 네임 바인딩 처리 플러그인 )
3) axios ( api 통신 라이브러리 )

출처: 세줄코딩

참고링크:
Vue.js 네이버 로그인 연동하기 (tistory.com)
https://m.blog.naver.com/disong232/223461265712