📝
React Router DOM
July 03, 2023
Pinfo
1. Pinfo 프로젝트 소개
메인페이지 - 자유 / 질문게시판의 최신 / 인기글을 확인할 수 있음
자유게시판 - 반려동물에 대한 자유로운 주제로 소통할 수 있음
질문게시판 - 반려동물에 대한 궁금한 점들을 묻고 답할 수 있음
마이페이지 - 본인이 작성한 게시글과 댓글들을 확인할 수 있고, 프로필 이미지를 설정할 수 있음
회원가입 - 회원정보를 등록할 수 있음
로그인 - 소셜 로그인이나 회원가입되어 있는 정보로 로그인할 수 있다
역할분담
- 임선우(팀장): 회원가입, 소셜 로그인, 프로필 이미지 설정
- 노진철: 글 작성 기능, 댓글 기능, 로그인
- 양지원: 자유게시판에 글 목록 보여주기, 무한스크롤
- 임설빈: 회원가입, 마이페이지
- 전대현: 질문게시판에 글 목록 보여주기, 페이지네이션
API 명세

2. 시연
3. 트러블슈팅
- 페이지네이션
오류사항: 데이터 검색할 때 해당 검색데이터 양과 페이지가 일치하지않는 현상
문제원인: 카테고리로만 필터링이 되어 해당 카테고리의 전체데이터를 기준으로 페이지를 생성했다
해결방안: 카테고리와 입력한 value를 동시에 필터링을 해서 검색된 데이터의 길이만큼 페이지를 생성했다


4. 프로젝트를 진행하며 느낀점
- Git을 사용 시 rebase를 사용하면 코드를 깔끔하게 유지할 수 있지만, 실수를 한 경우에는 매우 위험함. rebase를 잘못 사용하면 코드의 히스토리를 잃게 되고, 이는 큰 문제가 될 수 있음. 따라서 되돌릴 수 있는 백업을 만들어 두어야 함