feat: 핵심 노드 컴포넌트 구현 및 렌더링 시스템 구축

[y-minion]

📌 개요

웹 빌더 에디터의 핵심이 되는 노드 컴포넌트 시스템과 이를 화면에 그리는 렌더러 를 구현한 내용을 담고 있습니다. 또한, 팀 협업을 위한 가이드 문서를 추가했습니다.

🛠️ 주요 작업 내용

1. UI 컴포넌트 및 렌더러 구현 (packages/ui)

• 기본 노드 컴포넌트: Hero, Heading, Text, Image, Button, Modal 컴포넌트 구현
• NodeRenderer: 노드 데이터의 type에 따라 적절한 컴포넌트를 매핑하여 렌더링하는 핵심 로직 구현
• DraggableNodeWrapper: (추후 D&D 구현을 위한) 노드 래퍼 컴포넌트 초안 작성

2. 타입 시스템 정립 (/types)

• Node 구조: BaseNode를 상속받아 확장하는 WcxNode 유니온 타입 정의
• Props & Styles: 각 컴포넌트별 고유 속성(Props)과 스타일 인터페이스 정의
• Action 시스템: 노드 상호작용(링크, 모달, 데이터 변경 등)을 위한 NodeAction 타입 설계

3. 인터랙션 & 로직

• useActionHandler: 노드에 정의된 액션(JSON)을 실제 실행 가능한 함수로 변환하는 훅 구현
• RuntimeContext: 노드 간 상태 공유 및 동적 동작을 지원하기 위한 컨텍스트 추가

4. 협업 문서

• apps/editor/WORK_DIVISION.md: 팀원(Nago) 복귀에 따른 업무 분담 및 폴더 구조 가이드 작성