lee-ye-ji / wanted-codestates-project-1 Goto Github PK

Issue Type

기능 추가

Summary

검색창에 Repository명을 입력해서 Repository를 검색

Description

• 검색 페이지 만들기
• redux tookit을 이용하여 github api 연동

Issue Type

기능 추가

Summary

등록된 각각의 Public Repository의 issue를 한 페이지에서 모아서 볼 수 있음

Description

• 각 issue 마다 제목, Repository 명은 필수로 표현되어야 한다. 그 이외의 데이터 중 필요하다고 생각되는 부분은 추가한다.
• 해당 issue를 클릭하면 Github의 상세 페이지로 이동할 수 있다.
• 페이지네이션을 통해서 계속해서 issue를 모아서 볼 수 있다.

정리

[GET] /repos/{owner}/{repo}/issues/{issue_number} 를 이용해서 데이터를 불러온다.
https://docs.github.com/en/rest/reference/issues#get-an-issue--code-samples

• 메뉴바에서 issue를 누르면 저장소에 저장된 첫번째 이슈가 나온다
• 만약 없을 시 "저장된 레파지토리가 없다는 문구" 출력
• 저장되어있는 respository를 누른다면 issue페이지로 이동 후
• 해당 관련된 issue 출력

Issue Type

기능 추가

Summary

등록된 Repository를 삭제

Description

등록된 Repository를 삭제

Issue Type

기능 추가

Summary

styled-components 설치 및 react-router-dom 설치

Description

• styled-components 설치
  -- reset css 설정
  -- 색 설정
• react-router-dom 설치
  -- SearchPage 설정
  -- StoredPage 설정

Issue Type

기능 추가

Summary

Redux Toolkit에서 loading, error를 통해 해당 결과를 세분화해서 보여질 수 있도록 구현
keyword, 검색된 레파지토리의 갯수를 state에 담아서 Pagenation 에 적용

Description

• loading
• error
• keyword
• 검색 된 레파지토리 갯수

Issue Type

기능 추가

Summary

검색된 Public Repository를 등록

Description

- 등록 개수는 최대 4개로 제한하며, 최대 개수 초과 등록 시 이를 사용자에게 알려줌
- 웹은 LocalStorage은 로컬 저장소를 활용

• 사용자가 선택한 레파지토리 등록하기(새로운 state에)
• 그 state를 localStorage에 저장하기
• Notification component 만들기