24.10.13~24.10.20

업무 공유

SDK 실행 옵션 추가

실행한 가이드가 종료되었을 때, 고객사 측에서 정의한 동작을 실행하고 싶다는 요구사항이 발생했다.

→ 이미 상정되었던 상황! SDK를 통한 가이드 실행 시, 완료 시 실행될 콜백 함수를 주입받는 걸로 빠르게 구현할 수 있었다.

 

이때 다시 한번 느낀... 도메인 중심 사고의 중요성!

 

이번의 경우 가이드 완료 시에만 입력받은 콜백이 실행되어야 했는데,

이를 도메인 개념에 따라 완료 / 중간 이탈 / 종료로 나누었던 것이 추후 빠른 요구사항 반영을 이끌어 낸 원동력이 되었다.

 

툴팁 텍스트 에디터 적용

역시 고객사 요구사항 발생!

문구에 강조, 크기 조절, 색상, 링크 등을 추가하고 싶다는 고객사 요구사항이 발생했다.

 

직접 구현할 수도 있었지만, 해당 기능이 서비스에 미치는 영향력을 고려했을 때 라이브러리를 사용하는 것이 더 적절하다는 판단이 들었다. 

(그리 크지 않고, 추후 커스텀 여지가 적었다) 

 

이런저런 라이브러리를 비교해 본 결과 1) 기본 UI가 현재 서비스와 비슷하고 2) 원하는 텍스트 수정 항목을 제공하는 react-quill을 선택!

팬이 생긴걸까?

익스텐션과 가이드 실행기 내 텍스트 부분을 dangerouslySetInnerHTML을 통해 html을 직접 삽입해 구현을 마쳤다.

이때 sanitize 과정을 추가하고, react-quill에서 추가/변경 필요한 영역도 커스텀해줬다.