[W.I.L] 4월 3주차 - 미니프로젝트(git_log)

고정원·2021년 4월 18일
0

W.I.L

목록 보기
8/9

이번 미니프로젝트는 2주에 걸쳐서 진행되는 프로젝트이다.
컨텐츠는 개발자들을 대상으로 하는 커뮤니티(인스타그램) 정하고 api설계하고 우선순위를 정해서 작업에 들어갔다.

🚩 항해99 4월 3주차 돌아보기
기간 : 4월 9일(금) ~ 4월 15(금)
📍 이번주에 배운 것 : 어떻게 서버와 통신하여 회원가입/로그인을 처리할 것인가?
1. api 설계
: 완전 새로운 컨셉으로 새로운 기능을 시도해본다기 보다는 그동안 배웠던 기능들을 차근 차근 다시 한번 정리 할 수 있는 프로젝트를 기획했다.

  1. 회원가입/로그인 view 설계 및 구현

  2. 회원가입/로그인
    3.1 API연결 전 프론트에서 처리 할 것들
    : 기본적인 형식체크
    -> common.js파일에 이메일,닉네임,비밀번호 등의 형식을 정규식으로 작성했다.
    3.2 API 연결(axios )
    1)signupAPI : 넘겨받은 유저정보를 서버에 보낸다.
    2)loginAPI : 넘겨받은 유저정보를 서버에 보내고, 서버로부터 받은 JWT토큰을 localStorage에 저장한다.
    -> JWT 토큰방식
    -> localStorage.setItem

  3. 로그인 유지
    -localStorage.getItem

  4. 로그아웃
    -localStorage.removeItem

📍 느낀점
1. API와 로그인하는 방식은 여러가지 방법이 있다.
2. A라는 기능을 구현하기 위해 어떤 방법들이 있는지 알아보고, 내가 구현하려는
프로젝트와 가장 적합한 방법을 선택 할 줄 알아야겠다.
3. 그러려면 내 프로젝트를 제대로 파악하고 이해하려고 계속 노력해야한다.

🔥 아쉬운점
1. 로그인/회원가입의 view를 좀 더 완벽하게 정리했으면
2. 각 기능들에 사용한 방식들에 대해 좀 더 명확하게 알고있어야겠다.

profile
해결문제에 대해 즐겁게 대화 할 수 있는 프론트엔드 개발자

0개의 댓글