[FE] 이슈 목록 조회

Yejikwon commented 3 years ago

🗣 설명

shared/App.jsx -> pages/IssuePage -> IssueListInfo 컴포넌트 추가
/components/issue/issueMain -> 이슈 리스트의 헤더 / 리스트로 현재는 이루어져 있음
- IssueListHeader 로 네이밍했다가, 너무 보기 싫어서 -> IssueList__Header 로 변경
  - 통일성이 깨져보인다면 수정 해도 괜찮을 것 같습니다!
```
return (
<Container>
<IssueList__Header />
<IssueList__List />
</Container>
);
```
issueListHeader
- 말 그대로 이슈 리스트의 헤더를 의미합니다.
IssueList
- 이슈 리스트를 표현 (현재는 open된 이슈만 보여줌)
- 이슈 하나하나마다 표현하는 부분이 너무 길어서,, 이슈 템플릿이라고 따로 뺐습니다..ㅋㅋㅋㅋㅋㅋ
```
<IssueTemplate issue={issue} />
```
issueListTemplate
- 얘는 fetch로 불러온 issue 데이터를 예쁘게(?) 템플릿화 하는 녀석입니다.
style/ 디렉토리
- 얘는 css 스타일 코드를 따로 모아둔 디렉토리입니다.
- styled-components 를 사용해서 'css in js' 방식에서 벗어나는 건 아닌 것 같습니다!