https://github.com/toa-web-dev/pinboard-memo
https://github.com/toa-web-dev/pinboard-memo
Last synced: 4 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/toa-web-dev/pinboard-memo
- Owner: toa-web-dev
- Created: 2024-12-27T10:00:15.000Z (about 1 year ago)
- Default Branch: dev
- Last Pushed: 2024-12-31T07:22:00.000Z (about 1 year ago)
- Last Synced: 2025-04-14T07:44:07.184Z (10 months ago)
- Language: Vue
- Size: 666 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 드래그앤드롭이 가능한 메모 프로그램
메뉴에서 메모를 추가할 수 있음
핀을 누르면 메모지를 옮길 수 있음
- 핀을 눌러 이동, 색상 변경, 다른 핀과 실로 잇기
메모는 로컬 스토리지에 저장 되고 다시 실행 할 때 로컬 스토리지에서 메모를 불러옴
- 내용,핀 색상, 좌표(x,y)
### 보드
보드 테마 변경 기능 (코르크 갈색 회색 )
배치 방법 전환 기능 (자유, 정렬)
자유 기능는 position,
정렬 기능은 grid-template-area를 사용해 구현
### 메모,핀 인터랙션 기능
-move
핀을 클릭하면 메모지를 뽑음, 다시 클릭하면 붙힘
-changeColor
...
-linkPins
1.5초 이상 핀을 꾹 누르면 실이 핀을 감싸는 애니메이션 실행
다른 핀에서 pointerup 발생시 핀끼리 실로 연결함