CE
Canvas Elements
웹 기반 캔버스 드로잉 애플리케이션
직접 프로젝트를 실행해주세요
React
Node.js
Express
Zustand
SVG
⚠️
보안 강화됨: 이 Docker 컨테이너는 보안을 위해 빌드된 애플리케이션을 제공하지 않습니다.
프로젝트를 직접 실행해주세요.
🚀 로컬 실행 방법
1
프로젝트 복제 및 의존성 설치
git clone [repository-url]
cd canvas-elements
npm run install:all
2
개발 서버 실행
npm run dev
프론트엔드(포트 3000) + 백엔드(포트 5000) 동시 실행
3
브라우저에서 접속
http://localhost:3000
📋 주요 기능
- 요소 관리: 텍스트, 도형 추가/선택/삭제
- 드래그 앤 드롭: 요소 이동, 크기 조절, 회전
- 스마트 가이드: 자동 정렬 가이드라인
- 저장/불러오기: JSON 형식 지원
- 이미지 내보내기: PNG 형식으로 내보내기