- 소개 -

마이무비 서비스의 주 기능인 “키토크”를 기업에서 관리할수 있도록 커스텀이 가능한 B2B 성격의 프로젝트 입니다.

- 작업내용 -

1. 프로젝트 전체적인 개발 및 타 프로젝트의 일부 기능을 옮겨오는 작업과 추가 기능 개발을 진행했습니다.
2. 프론트단에서의 데이터 처리 요구에 따른 NEXT.js를 선택했고 주로 검색이나, 정렬, 페이지네이션에 대한 로직을 구현했습니다.
3. ApexChart 차트 라이브러리로 대시보드 페이지의 데이터 시각화를 구현했습니다
4. 이미지와 많은 데이터의 로딩을 줄여보고자 캐싱을 사용하고자 했고 이를 위해 React-query 도입을 제안 및 적용 이후 타 프로젝트에도 사용되었습니다.

<aside> 💡 이미지에 보이는 데이터는 임시 데이터입니다.

</aside>

목차

화면 구성 목차입니다. 주 컨셉의 페이지만 가져왔습니다.

• 로그인
• 대시보드
• 키토크 설정
• 키토크 시뮬레이터

로그인 페이지