- 고양이 사진 API를 통해 사진과 폴더를 렌더링
- 폴더를 클릭하면 내부 폴더의 사진과 폴더, 현재 경로(breadCrumb)를 보여줌
- 루트 경로가 아닌 경우, 파일 목록 맨 앞에 뒤로가기를 표시
- 사진을 클릭하면 고양이 사진을 모달창으로 보여줌, esc로 모달 닫음
- API를 불러오는 중인 경우 로딩중을 표시
[컴포넌트 구조]
App > Breadcrumb, Nodes(=응답 객체와 isRoot를 상태로), ImageView, Loading
[각 컴포넌트의 html 구조 for css] - 각 파일은 cdn.roto.codes 그대로 써야 함
+) 로딩 ⇒
[로딩 스피너 이미지 주소] https://cdn.roto.codes/images/nyan-cat.gif
[API]
공통 : https://kdt-frontend.cat-api.programmers.co.kr 루트의 응답 : {id, name, type(FILE or DIRECTORY), filePath(type == FILE 일 경우), parent}의 배열 ㄴ 이 객체 하나를 Node라고 부른다. /id의 응답 : 해당 id가 디렉터리라면 해당 디렉터리에 내부의 것들 (parent:id를 포함해서}