팀프로젝트 3

24.09.19 팀프로젝트 트러블슈팅

1. 문제발생내 로컬환경에서는 마이페이지의 feed가 무한스크롤로 잘 불러와지나, 팀원의 로컬환경에서는 불러와지지 않는 문제2. 원인추론팀원과 나의 json-server 버전이 달라 페이징 데이터 페칭관련 사용법이 달랐음1.0.0버전으로 사용하면 페이지 관련 데이터도 사용이 가능하나, 팀원이 사용하는 0.17.4버전에서는 해당 데이터를 제공해주지 않았음 const getFeedsByPageNum = async ({ queryKey, pageParam = 1 }) => { const userId = localStorage.getItem("userId"); const [_, page] = queryKey; const pageToFetch = page ?? pageParam; const..

2차 공부/TIL 2024.09.19

24.09.04 TIL STARTIFY 팀프로젝트 마무리

Startify여러분들은 계절마다 즐겨 듣는 노래가 있으신가요?'Startify'는 계절마다 어울리는 노래를 공유하고, 그 음악을 통해 사람들과 추억을 나눌 수 있는 공간입니다. 🔥배포 링크Startify - 내일배움캠프 6기 14조 📦폴더 구조폴더구조``` 📦react-startify┣ 📂public┃ ┗ 📜favicon.png┣ 📂src┃ ┣ 📂assets┃ ┃ ┣ 📜2024-09-03_12.32.21.png┃ ┃ ┣ 📜blankProfile.png┃ ┃ ┣ 📜delete.png┃ ┃ ┣ 📜dislike.png┃ ┃ ┣ 📜dislike01.png┃ ┃ ┣ 📜edit.png┃ ┃ ┣ 📜fall.png┃ ┃ ┣ 📜like.png┃ ┃ ┣ 📜like01.png┃ ┃ ┣ 📜li..

2차 공부/TIL 2024.09.04

24.08.29 팀프로젝트 진행 - Startify

이번 팀프로젝트는 내배캠에서 react로 진행하는 첫 팀프로젝트이다. 우리팀은 노래를 공유하는 사이트를 만들기로 결정하였다.로그인과 회원가입으로 유저정보를 저장하고, 로그인한 사용자에 한하여 게시글 작성같은 인터랙션을 허용한다.게시글은 supabase에 아직 익숙하지않아 영상데이터는 youtube url을 사용하여 iframe으로 보여주기로 하였다.노래마다 게시글제목, 노래제목, 가수명, 어울리는 계절, 해시태그를 입력하여 서버에 데이터를 보내고각 데이터뭉치들을 메인페이지에서 계절마다의 탭으로 나눠 보여준다.각 게시글 카드는 좋아요를 추가할 수 있으며, 좋아요 범위 외를 클릭하면 해당 카드의 상세페이지로 이동하게된다.그리고 로그인, 회원가입을 제외한 모든 페이지에는 Layout컴포넌트를 생성하여 동일한 ..

2차 공부/TIL 2024.08.29