2021년 상반기 베스트 러닝쉐어
2021년 하반기 최고의 기대주
대시보드 사일로의 Dashboard를 소개합니다
Table of Contents
OKR
•
O: PG 역사에 없던 상식적이고 직관적인 상점관리자를 완성한다
•
KRs: 핵심 기능 60개의 이관완료율
아예 새롭게 전부 다시 만들고 있어요
환골탈태 현황
LGU+에서 운영하던 상점관리자(a.k.a 구점관리자)를 토스페이먼츠의 대시보드로 하나 둘씩 새로 만들고 있어요.
(펼치기 전 눈갱 주의)
정산달력
정산내역
제품 소개
•
토스페이먼츠 PG를 이용하는 가맹점들이 청약(온보딩 과정)을 마무리하고 가장 많이 마주하게 되는 서비스
•
정산, 각종 결제수단의 결제내역 조회 및 취소, 청약 상태, 그리고 각종 권한 관리 등 PG 서비스를 이용하면서 필요한 것들을 제공하는 서비스
•
기본적인 PG 관련 기능들을 마무리 하면 한발 더 나아가 가맹점의 사업을 도울 수 있는 제품으로 성장할 예정
◦
예) 사업 인사이트(이미 밑작업 진행중), 정산 전 비상금 대출(토스 커뮤니티야 내게 힘을 줘!) 등
초기 진입 화면
대시보드에서 제공하고 있는 일부 서비스 프리뷰
정산달력
통합결제조회
신용카드 결제조회
이용정보 및 변경 신청
서비스 구조
대시보드 제품은 사업자 기반으로 route가 설계되어 있습니다.
•
dashboard.tosspayments.com
•
tosspayments 로그인을 통해서 접근 가능
◦
2차인증이 걸려있기 때문에 슈퍼권한이 아니면 이메일로 2차인증을 해야 함.
디렉토리 구조
•
pages (단순 라우트 정의)
•
src/
◦
components 도메인 context가 없는 컴포넌트로 구성 (tds extension 느낌)
◦
hooks 도메인 context가 없는 hooks로 구성
◦
pages 페이지 별 컴포넌트를 구성
◦
modules 도메인 간 공통으로 사용할 수 있는 도메인 contextful 한 컴포넌트, hooks 등의 모듈로 구성
특이한 컴포넌트
(폼은 온보딩에서 다뤄줄 예정이시기에 과감히 넘어갑니다!)
달력
테이블
대시보드 제품에서 가장 어려웠던 테이블 다루기는 라이트닝 토크로 다룹니다.
미루고 있는 백로그
•
계속 커지는 대시보드 애플리케이션을 Micro Frontend로 해체 및 조립
•
결제 취소까지 연동되는 E2E 테스트로 모니터링 환경 구축
•
해외가맹점 유치를 위한 다국어지원