[Projects] Pinterest clone coding

개요

• 개발기간 : 2022.10.28 ~ 2022.11.03
• 인원 : 총 6인 ( FE 3인, BE 3인 )
• 기술 : JavaScript, React, Redux, Styled components, Axios
• 주요기능
  1. Login(JWT)
  2. 게시글과 댓글, 대댓글 CRUD & 댓글 좋아요
  3. 반응형 웹
• Github : https://github.com/Hanghae99-CloneWeek-team3/frontend

---

시연 영상

---

담당 작업

• 댓글, 대댓글 CRUD 및 댓글 좋아요.
• Dropdown, Icon, Button, Modal 공용 컴포넌트 작성
  컴포넌트 내에 Base가 되는 기능들을 작성한 후 매개변수로 요청 받은 동작을 할 수 있도록 작성
• 반응형 웹
  window.innerWidth, 반응형 단위(vw, vh 등)을 사용하여 작성
• 그 외 팀원 기능 구현 헬프
  • 게시글 Read/Update/Delete
  • 게시글 리스트 image객체를 이용하여 사이즈에 따라 정렬하는 기능

---

Trouble shooting

• 공용 컴포넌트가 사용되는 위치에 따라 다른 style을 적용받는 문제
  default값을 그대로 사용해도 무관해서 따로 지정하지 않았던 style이 부모 style의 영향을 받아 의도하지 않은 디자인으로 적용되는 것으로 확인되었다. default값이 그대로 사용되더라도 모두 style에 명시하여 해결

---

회고

• 대댓글 기능은 백엔드 팀에서도 처음 다뤄보는 기능이라 API 명세의 완성이 늦어졌다. 다행히 대댓글 기능까지는 완성했으나 욕심했던 더보기 기능을 완성하지 못했다.
  정확한 API 명세를 기다리기보다 어떤 형식의 데이터가 올지 가늠해서 기능을 만들어 보았더라면 더 좋았을 것 같다.
• 다양한 기능을 경험해보고 싶다는 욕심에 짧은 기간을 간과하고 볼륨을 무리하게 잡았던 것 같다. 결국 기대했던 기능은 대부분 구현했으나 코드가 지저분했다.
  정해진 기간 이내 내가 어느 정도의 기능을 구현할 수 있는지를 가늠할 수 있었던, 시간을 꽉 채워 사용했던 프로젝트인 점은 좋았지만 깔끔한 구조와 코드를 만드는 일에는 다소 소홀했던 것 같아 아쉬웠다.