Nerator (1) 썸네일형 리스트형 #4 [REACT.JS] 에디터 구현하기-1 간간히 진행해오던 Nerator 프로젝트에서, 사용자 명함 디자인을 조금 더 자유롭게 조작할 수 있도록 하기 위해 에디터 기능을 직접 개발해보기로 했다.단순히 텍스트를 입력받아 출력하는 기능에서 벗어나, 사용자가 직접 디자인 요소들을 배치하고 커스터마이징할 수 있도록 하는 것이 이번 구현의 핵심 목표였다. 주요 기능 정의앞면 / 뒷면 구분앞/뒤 면에 따라 속성의 좌표(x, y)를 따로 관리해야 한다.UI 상에서도 손쉽게 전환되며 편집할 수 있어야 한다.명함 사이즈 설정 가능사용자가 원하는 사이즈를 직접 입력 가능해야 함디자인 이미지 업로드명함 앞면, 뒷면에 각각 다른 이미지를 업로드하여 미리보기에 반영Drag & Drop으로 속성 배치좌표 직접 입력이 아닌, 시각적으로 끌어다 놓는 방식 제공실시간 미리보.. 이전 1 다음
