FRONTEND.6-1-1

프로젝트 설명

GitHub 오픈 API를 활용하여 특정 레퍼지토리의 이슈 조회가 가능한 반응형 웹 사이트 구현

개발 기간 : 2023.12.10 (일) ~ 2023.12.15 (금)

배포 주소 및 시연 영상: URL

프로젝트 폴더 구조

팀원

• 이영록
• 장지영

사용 기술 스택

• javascript
• react

요구 사항 구현 내역

목록페이지

• 이슈 목록 페이지네이션
  • 목록 리스트 10개 단위 구현 (총 이슈 최신 200개 한정)
  • 현재 페이지 포커스 기능
  • 페이지 이동 관련 버튼 구현
  • 맨처음, 이전, 다음, 맨끝
  • 페이지 이동 관련 기능 구현
  • 10페이지 단위로 마지막 페이지에서 [다음] 버튼 클릭 시 11~20페이지가 보이도록 이동
• 필터 기능 구현
  • 생성순/업데이트순/댓글순
  • 10개/20개/50개
• 뒤로가기 기능 구현
• RTK를 활용한 전역 상태 관리
• 반응형 웹 구현
• 데이터를 request/response하는 동안 로딩 페이지 보여주기

상세페이지

• 이슈의 id 값을 활용하여 api를 요청
• 반응형 웹 구현

코드 및 깃허브 커밋 컨벤션

코드 컨벤션

깃허브 커밋 컨벤션