Appearance
환영합니다
Canvas 프로젝트에 합류하신 것을 환영합니다. 이 문서는 신규 팀원이 첫 주 안에 개발 환경을 구축하고, 코드베이스의 핵심 개념을 이해할 수 있도록 돕습니다.
Canvas란?
프로젝트 의사결정을 돕는 시각적 프로토타입 에디터입니다.
기획·디자인·개발 단계에서 UI 흐름, 화면 구성, 정보 구조를 빠르게 스케치하고 공유할 수 있습니다. Figma와 달리 개발자 친화적인 데이터 모델과 확장 가능한 노드 시스템을 갖추고 있어, 향후 협업·내보내기·자동화 기능으로 확장하기 쉽습니다.
핵심 가치
- 빠른 시각화 — 캔버스에 노드를 배치해 아이디어를 즉시 공유
- 일관된 에디터 UX — 커맨드·단축키 패턴으로 조작 학습 비용 최소화
- 선언적 확장 — 새 노드 타입을
NodeDefinition으로 등록해 추가 - 모노레포 협업 — web / api / packages를 한 저장소에서 관리
온보딩 로드맵
Day 1 Day 2–3 Day 4–5 Week 2+
──────── ───────── ───────── ────────
환경 설정 → 코드베이스 투어 → 캔버스 직접 사용 → 아키텍처 심화추천 순서
- 개발 환경 설정 — Node, pnpm, Docker 설치 및 실행 확인
- 첫 주 체크리스트 — 완료해야 할 항목 점검
- 코드베이스 투어 — 디렉터리와 핵심 파일 파악
- 캔버스 사용법 — 실제 에디터 조작 익히기
- 아키텍처 개요 — 설계 의도 이해
팀 내 질문 채널
온보딩 중 막히는 부분이 있으면:
- 실행/환경 문제 → 개발 환경 설정, Docker 가이드
- 코드 구조 → 코드베이스 투어, 아키텍처
- 기능 추가 → 노드 추가하기
프로젝트 개요·변경 이력
저장소를 처음 보는 독자용 소개와 일자별 PR 기록은 프로젝트 개요 · 업데이트 노트에 정리되어 있습니다.