24.08.04~24.08.11

업무

템플릿 테마 기능 개발

각 Step 별로, 내부 구성 요소에 대한 스타일을 커스텀할 수 있었다.
 
배경색, 글자색 등의 CSS 요소를 고객사 서비스의 톤&메너에 맞게 적용할 수 있어야 했고,
이를 위해 고객사에서 생성한 가이드 Step마다 일일이 스타일을 지정해 줬다.
 
하지만 이 때문에, 고객사에서 생성한 모든 가이드의 모든 Step에 대한 동일 스타일을 손수 입력하는 불편함이 있었다!
따라서 고객사 별로 공통적으로 적용될, 기본 공통 템플릿 테마 기능을 구현했다.
 

SDK를 통한 가이드 실행기 기능 개발

POC 중인 P사에서는 특정 가이드를, 특정 시점에, 특정 사람에게만 실행시키고 싶어 했다.
(ex 신규 유저 중, 해당 페이지에 처음 접속하는 사람에게만 보이는 가이드)
 
유저 세그먼트를 설정하고, 실행 시점을 제어하는 기능을 구현할... 수도 있었지만
현재 몇 개가 될지도 모르고, 고객사의 뚜렷한 요구 사항도 없는 기능을 무턱대고 개발하는 것보다는,
SDK를 통해 고객사에서 직접 해당 조건을 핸들링할 수 있게 만들었다.
 
SDK 파일을 S3 + cloudfront를 통해 배포, 고객사에서 직접 script를 삽입해 사용할 수 있도록 구현!
 

가이드 중간 종료 기능 개발

역시 P사의 요구사항!
유저들이 모든 가이드를 강제로 체험하는 것보다, 중간에 해당 가이드를 빠져나올 수 있는 방법을 제공해 주길 원했다.
 
각 Step에 x버튼을 추가해, 가이드 중간 종료가 가능하게 했고
해당 기능을 고객사 가이드별로 on/off 할 수 있도록 구현했다.
 

extension FSD 이관

core package에서 처음으로 FSD 아키텍처를 적용했었다.
2024.08.03 - [source-code/FrontEnd] - Feature-Sliced Design(FSD) 도입기

Feature-Sliced Design(FSD) 도입기

나 포함, FE 팀원들의 만족도는 → 아주 높음!
 
현재 제공 중인 FE 프로젝트들에도 FSD 아키텍처를 서서히 적용시키기로 결정했고,
v2로 제공할 익스텐션부터 우선적으로 작업했다!