팀 프로젝트 - velog 클론코딩

팀 프로젝트

프로젝트 주제

[velog 클론코딩]

프로젝트 git hub

https://github.com/hyojin-k/velogclone-FE

프로젝트 설계

velog 클론코딩 Notion

프로젝트 영상

velog 클론코딩

구현 기능

• 로그인&회원가입 (JWT token 인증)
• 게시물 작성 및 불러오기
• 댓글 작성 및 불러오기

문제 발생 및 해결 방법

• 디테일 페이지에 필요한 props를 불러올때 요소가 제대로 불러와지지 않음

  • const title = detail?.title 와 같이 옵셔널체이닝 (?.) 을 사용함으로써 해결

• 게시물 작성시 타이틀과 내용을 제대로 전달했음에도 서버에서 오류메세지를 받음

  • 기존에 정한 api 형식을 제대로 따르지 않은 것이 문제

  • request를 제대로 줘야 reponse를 제대로 받아올 수 있다. (image만 null 값이 허용이고 title, content, tag 값은 무조건 입력되어야 했음)

• userName이 정상적으로 뜨지 않음

  • token를 전달해야 서버쪽에서 token을 비교하여 해당하는 userName을 받아올 수 있었는데 token를 전달하지 않아 발생한 문제

회고

CRUD를 전부 구현해내는 것을 목표로 했지만 생각보다 쉽지않게 흘러간 한 주였다. 하지만 지난 주에 비해 기능 구현에 좀 더 집중할 수 있었던 것이 좋았고, 좀 더 백엔드와 소통하면서 문제를 해결해나갈 수 있었던 경험이 생겨서 좋았다. 초반에는 문제가 생기면 우선 내가 잘못한 것인줄 알고 혼자 해결하려고 끙끙댔었는데, 백엔드 팀원들과 소통을 하면서 작업해보니 데이터가 실시간으로 잘 보내지고 있는지, 어떤 부분을 놓치고 있는지 바로바로 확인이 가능하다는 점에서 이게 협업이구나를 느꼈던 프로젝트였다. 내가 너무 혼자 오래 고민하지 않았다면 좀 더 빠르게 더 많은 기능구현을 할 수 있지 않았을까? 많이 부족한 상황에서 도움도 많이 받고 깨달음도 많이 얻었던 프로젝트였다.