미리보기

카카오페이 보험의 중심인 보험 홈과 보험의 신규 서비스 프론트엔드 개발을 함께 했습니다.

퍼블리시 내부 프로젝트의 퍼블리싱 담당

Description
마이데이터를 연결한 사용자가 내가 가입한 보험에 대해서 알기 쉽게 보여주기 위한 서비스입니다.

Experience

• 디자인시스템을 바탕으로 상세 내역에서 사용 되는 UI 컴포넌트 공통화

• 마이데이터 기반 API 연동하여 기본정보, 보장정보, 가입내역의 화면 개발

• 유지 보수 비용 절감을 위한 디렉토리 구조 리팩토링

Description
사용자의 가입금액과 보장금액의 차트를 추가하여 시각적인 비교를 도와주는 서비스입니다. 사용자들의 보험을 상담으로 연결 시켜 개인별 맞춤 보험을 가입할 수 있게 도움을 주고 있습니다.

Experience

• 디자인시스템을 이용하여 화면 개발 및 디자이너 요구사항에 맞춰 UI 개발

• 마이데이터 기반 API 연동을 통해 사용자의 가입 금액과 보장 금액의 비교 차트 구현

• 운전자보험의 또래 보험료와 비교를 위한 API 연동

• framer-motion을 이용한 차트 애니메이션 구현

Description
사용자가 설정한 조건에 따라 제휴 보험사의 펫보험료를 한 눈에 비교하고 가입할 수 있는 서비스입니다.

Experience

• 웹 접근성, 웹 표준을 고려한 마크업 및 컴포넌트 UI 개발

• 펫밀리 카드의 플립 카드 모션 및 애니메이션 적용

Description
사용자가 설정한 조건에 따라 제휴 보험사의 자동차보험료를 한 눈에 비교하고 가입할 수 있는 신규 서비스입니다.

Experience

• 웹 접근성, 웹 표준을 고려한 마크업 및 컴포넌트 UI 개발

• 컴포넌트 기반의 개발 프로세스를 체계적으로 관리하기 위한 스토리북 활용

Description
독자의 기사 읽기, 공유하기, 언론사 응원하기, 댓글쓰기와 같은 활동을 언론매체가 보상을 통해 독자를 활성화하고, 유지할 수 있도록 하기 위한 프로젝트

Experience

• 퍼블리시링크 서비스 마크업 개발 및 pc/mobile 최적화를 위한 반응형

• bootstrap을 이용한 어드민, 슈퍼어드민 화면 개발

• 데이터시각화를 위한 Recharts.js를 이용한 대시보드 개발

• Excel.js를 이용하여 JS 데이터를 엑셀 데이터로 추출 기능 구현