2.0 개발노트

[redgoose-dev]

• svelte로 포팅을 해보려다가 다시 vue로 개발하기로 했다.
• 디펜던시나 개발했던 시기가 오래 되어서 코드를 새로 작성하고 설정 같은 부분들을 없애버릴 생각도 하고있다.

[redgoose-dev]

props 업데이트에 대하여..

슬라이드쇼 컴포넌트로 사용되는 props 값이 상당히 양이많고 복잡하다. 이게 외부에서 업데이트 되면 슬라이드쇼 컴포넌트의 상태가 변하는게 자연스러운 일이다. 그리고 컴포넌트 내부에서 값이 변하면 외부에다 값이 변했다고 알려줘야하고 외부에서 값을 업데이트 할것이다.

props 설정값이 완벽할거라는 기대가 전혀 안되기 때문에 (설정값 일부만 받는다는것을 염두하고 기본값과 병합할것이다.) 특히 처음에는 props 가 변했다는 watch 메서드가 두번 실행되는 현상은 피할 수 없을것이다.

---

preference 값은 반응형으로 사용해도 괜찮을거 같다. 하지만 slides 값은 실제로 이미지를 보이는 부분이기에 업데이트가 된다면 새로 만들어지는게 안전할거 같다. page 값 꼬임현상도 일어날 수 있고 (12 페이지에서 슬라이드가 업데이트되어 5개가 된다면 없으니깐..) 슬라이드 순서도 서로 변경되어서 서로 순서가 현재 보이고 있는 상태가 변할때의 대처가 복잡해질 수 있어 보인다.

그래서 값이 바뀌면 새로 시작할지 아니면 외부에서 수동으로 시작하게 할지 작동에 대하여 좀 고민이 필요할 것이다.

[redgoose-dev]

작업 체크리스트

• [x] 이미지 컴포넌트 / 첫번째, 마지막 슬라이드에서 루프를 끄면 스와이프 애니메이션이 안되는 현상이 발생한다.
• [x] 컬러테마 작업 (시스템, 라이트, 다크)
• [x] 키보드 이벤트 단축키 작업
• [x] 언어 props 관련 작업
• [x] slides 데이터가 문제가 없는지 검사하는 함수 마저 완성하기
• [x] exportData 기능을 마저 마무리하기
• [x] 슬라이드가 전환될때 캡션 인터랙션 완성도 올리기
• [x] 슬라이드쇼 오류, 이미지 없거나 오류 처리하기
• [x] 문서 작성하기
• [x] 예제 사이트 제작하기
  • [x] 슬라이드쇼 연결하기
  • [x] 데모 사이트 설정화면 만들기
• [x] 슬라이드와 설정 데이터가 없을때 대응하기
• [x] emits 이벤트 점검하기
• [x] 컴포넌트 메서드 기능 점점하기
• [x] 스와이프 할때 짧은클릭이 눌러지는 현상이 발생하고 있다.