붉은거위 노트 (redgoose note)

슬라이드쇼 서비스 컨텐츠 에디터

Nest
Concept
Category
Service
Hit
202
Star
0

슬라이드쇼 서비스에서 사진들을 올리고 편집을 해보는데 편집하기가 꽤 어려웠다.

그래서 갑자기 생각이 드는게 좀더 직관적인 모습의 에디터가 존재한다면 어떨까 생각이 들었다. react-photo-layout-editor 프로젝트와 비슷한 성격인데 이미지를 추가하고 제목과 내용을 편집하고 순서를 변경할 수 있는 수준이라면 딱일듯 싶다.
UI로 사진목록을 편집하고 json 형태로 내보내는 역할을 하는 모듈이 될것이다.

예상하는 프로세스는..

  1. 특정 위치에서 버튼을 누르면 에디터 창이 열린다.
  2. 사진을 추가한다. (추가할때 제목, 설명, 썸네일 이미지들을 입력한다.)
  3. 여러장 더 사진을 추가한다.
  4. 순서를 변경하거나 정보를 편집한다.
  5. 마음에 안드는 사진이 있다면 삭제한다.
  6. 완료 버튼을 누르면 json 데이터로 조립되고, 창이 닫히면서 조립한 json 데이터를 부모창에 입력한다.
  7. 다시 편집하고 싶으면 에디터창을 열어서 처음 과정부터 다시 시작한다.

모듈로 구현해야 하려나..

이 기능은 슬라이드쇼 프로젝트에 들어있는것보다 별도의 프로젝트로 나누어서 조립하는게 좋다고 보인다. 아무리 생각해도..
그래서 모듈 테스트는 꽤 해봐야한다. 특히 자식 모듈에서 컴포넌트들 막 만든 상태에서 부모 모듈에서 가져오는 패턴이 일어날텐데 리소스를 불러오는게 저번에 잘 안됐었다.
이러한 부분에 대하여 한번 더 도전을 하여 구현이 되도록 만들어야 할것이다.

약간 욕심이 나는 부분인데 svelte로 에디터 모듈을 만들어서 웹 컴포넌트로 만들고 슬라이드쇼 서비스에서 래핑하거나 웹 컴포넌트로 사용하는것도 재미있을거 같다.
안그래도 새로운 기술로 구현해보는데 좋은 기회일수도 있고..

다른 할일이 없다면 시도해보겠는데 이 작업은 좀 여유를 가지고 진행하고 싶다.