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