이번 미니프로젝트는 2주에 걸쳐서 진행되는 프로젝트이다.
컨텐츠는 개발자들을 대상으로 하는 커뮤니티(인스타그램) 정하고 api설계하고 우선순위를 정해서 작업에 들어갔다.
🚩 항해99 4월 3주차 돌아보기
기간 : 4월 9일(금) ~ 4월 15(금)
📍 이번주에 배운 것 : 어떻게 서버와 통신하여 회원가입/로그인을 처리할 것인가?
1. api 설계
: 완전 새로운 컨셉으로 새로운 기능을 시도해본다기 보다는 그동안 배웠던 기능들을 차근 차근 다시 한번 정리 할 수 있는 프로젝트를 기획했다.
회원가입/로그인 view 설계 및 구현
회원가입/로그인
3.1 API연결 전 프론트에서 처리 할 것들
: 기본적인 형식체크
-> common.js파일에 이메일,닉네임,비밀번호 등의 형식을 정규식으로 작성했다.
3.2 API 연결(axios )
1)signupAPI : 넘겨받은 유저정보를 서버에 보낸다.
2)loginAPI : 넘겨받은 유저정보를 서버에 보내고, 서버로부터 받은 JWT토큰을 localStorage에 저장한다.
-> JWT 토큰방식
-> localStorage.setItem
로그인 유지
-localStorage.getItem
로그아웃
-localStorage.removeItem
📍 느낀점
1. API와 로그인하는 방식은 여러가지 방법이 있다.
2. A라는 기능을 구현하기 위해 어떤 방법들이 있는지 알아보고, 내가 구현하려는
프로젝트와 가장 적합한 방법을 선택 할 줄 알아야겠다.
3. 그러려면 내 프로젝트를 제대로 파악하고 이해하려고 계속 노력해야한다.
🔥 아쉬운점
1. 로그인/회원가입의 view를 좀 더 완벽하게 정리했으면
2. 각 기능들에 사용한 방식들에 대해 좀 더 명확하게 알고있어야겠다.