Vanilla JS만을 이용해 고양이 사진 탐색기를 구현하기
yarn global add live-server
git clone https://github.com/Gumball12/cat-explorer.git
cd cat-explorer
live-server # http://localhost:8080/
- ./assets/api/root.json: 루트 디렉터리 탐색 결과 반환
- ./assets/api/단모종-고등어.json:
단모종-고등어
디렉터리 탐색 결과 반환
- ./assets/image/장모종/장모종-고등어/cat-1.jpg:
장모종/장모종-고등어
디렉터리에 존재하는cat-1.jpg
이미지 파일 반환
[
{
id: number,
name: string,
type: string,
path: string | null,
parentId: number | null,
},
];
id
: 요소의 IDname
: 요소의 이름type
: 요소의 타입 ([FILE|DIRECTORY]
)path
: 요소의 경로 (type
이FILE
일 경우에만 존재, 그 외에는null
)parentId
: 상위 요소의id
(루트 디렉터리가 아니면서type
이DIRECTORY
일 경우에만 존재, 그 외에는null
)
- GPLv3
- 이미지는 Pexels 이용 (Pexels License)
- 아이콘은 Material Icons 이용 (Apache-2.0)