21 lines
582 B
Markdown
21 lines
582 B
Markdown
|
# Web Mindmap
|
||
|
|
|
||
|
|
웹 개발 용어를 접을 수 있는 마인드맵으로 학습하는 정적 교육용 웹사이트입니다.
|
||
|
|
|
||
|
|
## Features
|
||
|
|
|
||
|
|
- 접힌 루트 노드에서 시작하는 인터랙티브 마인드맵
|
||
|
|
- `+ / -` 버튼으로 하위 노드 펼침/접힘
|
||
|
|
- 노드 드래그로 위치 이동
|
||
|
|
- 배경 드래그로 viewport 이동
|
||
|
|
- 노드 클릭 시 연결된 인포그래픽 이미지 팝업
|
||
|
|
- 이미지 확대/축소, 드래그 이동, 앱 내부 전체화면 보기
|
||
|
|
|
||
|
|
## Local Preview
|
||
|
|
|
||
|
|
```bash
|
||
|
|
python -m http.server 4173 --bind 127.0.0.1
|
||
|
|
```
|
||
|
|
|
||
|
|
Open `http://127.0.0.1:4173/`.
|