카드뉴스 제작 툴
SNS용 카드뉴스를 빠르게 만드는 웹 편집기
프로젝트 정보
진행 날짜2026.06.15
역할기획 · UI 구조 설계 · React 구현
핵심 키워드
소개
디자인 도구에 익숙하지 않아도 템플릿과 콘텐츠만 입력해 SNS용 카드뉴스를 빠르게 만들 수 있는 편집기를 만들고자 했습니다.
결과 미리보기
핵심 목표
카드 추가·복제·삭제·템플릿 선택·텍스트·이미지 편집·PNG/ZIP 내보내기로 이어지는 편집 흐름 정리
구현 방식
카드 목록·중앙 미리보기·우측 속성 패널의 3단 구조로 편집 흐름 분리, 자동 저장·내보내기 보조 기능 배치
구현 결과
1:1·4:5·16:9 비율·6가지 카드 레이아웃·5가지 템플릿·JSON 백업·복원·실행 취소 지원
배운 점
카드 한 장의 편집 경험과 여러 장의 순서 관리가 동시에 필요해, 개별 카드 상태와 프로젝트 전체 상태를 분리해 설계하는 일이 중요하다는 점을 확인했습니다.