공인전자문서 중계자 어드민 개발

2021년 1월 - 2021년 4월

전자문서유통 자격을 획득하기 위한 '공인전자문서중계자' 어드민 개발

• 권한관리 기능 개발
• 행위 추적 로그 조회 기능 개발
• 전자문서 유통 기관 등록 기능 개발
• 2차인증을 통한 로그인 기능 개발

• React
• Next.js
• Typescript
• Emotion

관련된 글이에요

• 토스, 공인전자문서중계자 인증 획득… 공공서비스 확대 나설것 - 토스피드

내 문서함 소개 및 설정 개발

2021년 4월 - 현재

내 문서함 서비스에 대한 소개 페이지와 각 서비스별 설정 기능 개발

• 원링크를 이용해 공유하기 기능 개발
• 각 서비스별 설정 (알림해지, 구독해지 등) 기능 개발

• React
• Next.js
• Typescript
• Emotion

관련된 글이에요

• 수많은 공공 문서, 이제 토스로 한번에 관리하세요 - 토스피드

코로나 QR체크인

2021년 7월 - 2022년 2월

코로나19 출입 QR체크인을 토스에서도 이용할 수 있게 개발했고 코로나예방접종증명서도 발급 받을 수 있습니다.

• 구형 기기와 브라우저를 위해 성능 개선 및 크로스브라우징
• 접근성(a11y) 개선
• framer 를 이용해 다양한 애니메이션 적용 (카드 뒤집기, 홀로그램)
• 테스트코드를 작성해 다양한 조건에 대한 안정성 보장

• React
• Next.js
• Typescript
• Emotion
• React Native
• Jest
• framer

관련된 글이에요

• 토스로 QR 체크인 하면 좋은 점 3가지 - 토스피드

2021 국민지원금 사전 알림 신청

2021년 9월 - 2021년 12월

2021년 국민지원금 신청은 생년월일에 따라 신청시기가 다릅니다. 이에 따라 놓치지 않게 사전 알림을 주는 서비스를 개발했습니다.

• 생년월일, 신청시기 등 다양한 케이스에 대한 테스트코드 작성으로 안정성 향상
• 짧은 기간 내에 다양한 A/B 테스트를 통해 전환율 향상

• React
• Next.js
• Typescript
• Emotion
• Jest

관련된 글이에요

• 국민지원금, 대상여부·신청시기까지 “토스에서 받아보세요” - 토스피드

내 문서함 상세 마이그레이션

2021년 10월 - 2022년 1월

내 문서함의 상세에 보여지는 다양한 콘텐츠가 있는데, 팀 내에서 네이티브(iOS, Android)로 개발하다가 버전관리 의존성이슈가 있어 웹으로 100% 전환했습니다.

• 내 문서함에 들어가는 모든 콘텐츠 템플릿(국민비서, 흥국생명 미납 알림 등) 공통화
• iOS, Android, 서버가 관리하던 버전별 코드 레거시 제거
• Sentry 를 이용해 장애 감지

• React
• Next.js
• Typescript
• Emotion
• Jest

VanillaJS TDS UI 라이브러리 개발

2020년 11월 - 현재

제휴은행사가 사용하고 유지보수하기 편리하도록 VanillaJS 버전의 TDS UI 라이브러리를 개발

• 마크업환경(HTML, CSS, JS)에서 TDS를 사용하기 위해 기존 React 코드를 VanillaJS 버전으로 개발
• Storybook 을 이용해 UI 라이브러리 문서화
• RxJS로 React Hooks 를 포팅
• 마크업환경에서 웹뷰 다크모드 대응
• 다양한 컴포넌트 개발: Button, BottomSheet, Dialog, BottomCTA, Checkbox, Radio, TextFieldLine 등
• 마크업환경에서의 생산성 향상

• Typescript
• RxJS
• Webpack
• VanillaJS
• Storybook

제휴은행사 웹 연동

2020년 11월 - 현재

• VanillaJS 버전의 TDS UI 라이브러리를 이용해 개발된 마크업파일을 제휴은행사에게 제공
• 광주은행, 전북은행, 경남은행, 부산은행, 우체국, SC제일은행과 협업해 계좌알림 받기 연동

• HTML
• CSS
• Javascript

정기 발행 보고서

2020년 7월 - 2020년 10월

비즈넵 모바일에서 사업자가 사업현황 관련 보고서를 정기적으로 받아볼 수 있습니다.

• 다양한 데이터뷰를 수용할 수 있는 데이터 구조 구현
• 클라이언트, 서버 모델을 분리하여 서버의 응답값이 달라져도 유연한 대처 가능

• Ionic3
• Typescript
• SCSS
• GraphQL
• ECharts

인앱 채팅 서비스

2020년 5월 - 2020년 6월

비즈넵 모바일에서 세무사무소와 사업자가 업무관련 소통할 수 있는 공간입니다.

• 실시간 메시지를 표현하기 위해 GraphQL Subscription 의 PubSub 패턴을 이용
• iOS 와 Android 웹뷰 디바이스 대응

• Ionic3
• Typescript
• SCSS
• GraphQL

이슈 트래킹 서비스

2020년 3월 - 2020년 5월

비즈넵 웹앱에서 세무사무소 직원들이 사용할 업무 관리 도구입니다. 세무사가 '업무'를 생성하고 담당자를 지정해 할당할 수 있습니다. 사업자가 업무와 관련되어 있는 경우 채팅 서비스를 이용해 대화를 할 수 있습니다.

• 공통적으로 사용되는 컴포넌트를 Angular 모듈단위로 묶어 Lazy Load 가능하게 개발
• 데스크톱 앱의 실시간 채팅 서비스 구현

• Angular
• Typescript
• SCSS
• GraphQL
• Ngxs

구독/결제 관리 서비스

2020년 2월 - 2020년 4월

백오피스에서 비즈넵 서비스의 구독과 관련된 수기결제 및 환불기능 개발

• 환불 기능 개발
• 구독 / 수기결제 관리기능개발

• Angular
• Typescript
• SCSS
• GraphQL

비즈넵 구글 애널리틱스 도입

2020년 1월 - 2020년 2월

마케팅 효과 증진 및 UX/UI 개선을 위해 비즈넵 데스크톱 앱, 비즈넵 모바일 앱, 비즈넵 웹사이트에 애널리틱스 도구를 도입

• Google Analytics를 도입
• 모바일 Firebase Event 적용

• Google Analytics
• Firebase

비즈넵 개편

2019년 8월 - 2020년 1월

세무사를 위한 기능들이 추가되며 전체적인 메뉴의 계층구조가 변경되어 애플리케이션 전반적인 리팩토링 진행

• 비즈넵 2.0에서 3.0으로 버전 업데이트
• 서비스의 구조 변경에 따른 전체적인 라우트 구조 및 레거시 개선
• 초기 앱 로딩속도 개선
• 분산된 타이틀, 메뉴, 브레드크럼 및 메뉴별 권한을 일원화 하여 관리
• 싱글톤 패턴을 이용해 분산된 메뉴관련 로직 통합

• Angular
• Typescript
• SCSS
• GraphQL
• REST API

데이터 시각화 - 차트

2019년 7월 - 2019년 9월

다양한 형태의 차트 뷰를 대량 제작하여 사업현황을 한눈에 볼 수 있음

• 신규 차트 100개 이상 구현
• 공통적인 차트 옵션을 통해 쉽게 구성 가능
• iOS 와 Android 웹뷰 기기 대응

• Angular
• Ionic3
• Typescript
• SCSS
• GraphQL
• ECharts

거래처 관리 서비스

2019년 5월 - 2019년 8월

Wijmo 프레임워크를 이용해 거래처 관리 서비스 개발

• 기존에 엑셀을 이용해 관리하던 거래처 목록을 거래처 관리 도구를 이용함으로써 접근성 및 생산성 향상

• Angular
• Typescript
• SCSS
• GraphQL
• Wijmo

사업체 상세정보 입력 서비스

2019년 3월 - 2019년 5월

홈택스의 사업체 정보를 입력하는 대량의 폼을 개발했습니다. 홈택스 정보와 일치 하지 않을시 동기화가 가능합니다.

• 홈택스에 등록된 사업체의 정보가 맞지 않을 경우 세금신고에 문제가 있을 수 있어 동기화 기능 제공
• 대량 폼 대응을 위해 커스텀 폼 필드 개발
• 홈택스에 저장된 데이터와 유저 데이터가 다를 시 동기화 기능 제공

• Angular
• Typescript
• NgxFormly