프론트엔드 개발자 신상오
article thumbnail
[수풀] 회원가입, jwt 로그인, 로딩, Context API
Devlog(개발회고)/수풀 2022. 10. 2. 05:03

💻 들어가며 로그인상태에 따라 게시글 작성, 마이페이지, 조회페이지가 다르게 보이도록 기능을 구현했다. 메인프로젝트 초반부에 로그인이 구현되는 것만 확인하고 이번에 API요청시에 JWT를 담아 보내면 서버에서 로그인이 안 됐으면 오류를 보내거나 로그인 된 사용자면 그에 맞는 response를 보내주도록 구현되었다 일단 로컬스토리지에 토큰을 저장하기때문에 Context API을 이용한 로그인 구현은 필요없게 된 것 같은데 기능 구현이 끝나고 시간이 남으면 상태관리 라이브러리를 이용해 로그인 상태를 유지하는 코드로 리팩토링도 해봐야겠지싶다. 📚구현기능 로그인 폼 로그인에 성공시 로컬스토리지에 jwt 저장 oauth는 미구현상태지만 어떤 로직으로 돌아가는지 공부를 해서 구현에는 어려움 없을 듯 해보임 Reac..

article thumbnail
[수풀] 프로젝트 레이아웃 잡기
Devlog(개발회고)/수풀 2022. 9. 26. 02:13

📚 오늘 한 것 stack 이미지 적용 json dummy data 작성 Board 전체 틀 css 작성 Stack 이미지 적용 stack을 array 형태로 저장한 다음 map 메소드를 사용하고 리터럴 문법을 이용해 서버에서 가져오는 string형태의 스택을 기준으로 적절한 이미지가 나오도록 작성함 json dummy data 작성 멘토님께서 백엔드측에서 API 구현해주는 것을 기다리는 것이 아니라 구성된 API 명세서를 기반으로 dummmy data를 작성해서 빨리빨리 페이지에 디자인된 화면을 퍼블리싱하는 것이 우선이라고 하셔서 적극 반영해서 API처럼 작동하는 json server에 더미를 작성해주고 페이지에 띄우는 것을 시작했다 API가 완성되기 전에 백에서 오는 Json 형태의 데이터를 어떻게 ..