안녕하세요, 이소영 입니다.

저는 이런 것들에 가치를 두고 있습니다.

  • 사용자 경험
  • 좋은 설계와 코드
  • 테스트와 안정성
  • 자동화와 생산성
  • 비즈니스 임팩트
  • 지식과 경험 공유
GitHub https://github.com/SoYoung210
Blog https://so-so.dev
E-mail ethdud1@gmail.com

Work Experiences

Banksalad

period 18.12 ~ current
position Engineering Foundation 웹 프론트엔드 개발자
projects BPL(Design System), 카드 추천 서비스, 대출 추천 서비스, 투자 추천 서비스 2.0

Interested In

About 구조

프로젝트의 안정적인 구조가 비즈니스의 핵심 가치에 기여할 수 있다고 믿습니다. 안정적 구조 기반에서 비즈니스 요구사항을 빠르게 수용하며 임팩트를 낼 수 있다고 생각하기 때문입니다.

카드 추천 서비스 개발

🗓: [Banksalad] 2020.08~2020.09

💻: TypeScript, React, swr

  • api fetch library로 swr사용
  • 비즈니스 로직 핸들링을 custom hooks에서 수행

대출 추천 재개발

🗓: [Banksalad] 2020.01~2020.04

💻: TypeScript, React, Redux, redux-saga, redux-toolkit

기존 프로젝트는 레거시화 되어 있어 비즈니스 로직을 파악하기 어려웠고 노후된 설정등으로 인해 개발단계에서 많은 에러가 발생하는 프로젝트였습니다. 빠르게 임팩트를 추구하기 어렵다고 판단해 재개발을 제안하여 진행했습니다.

  • View와 Data를 분리하고 모든 비즈니스 로직을 redux middleware에서 처리.
  • redux, redux-saga 적용 및 가이드 공유

MoneyFlow Back office

🗓: [Banksalad] 2019.09 ~ 2019.12

💻: TypeScript, React, Redux, redux-observable

MoneyFlow팀에서 사용하는 Back office.

About 테스트

테스트 코드는 다른 개발자가 빠르게 프로젝트를 파악할 수 있도록 돕고, 새로운 기능추가와 리팩토링의 발판이 되어준다고 생각합니다.

🗓: [Banksalad] ~ 현재

💻: Jest, testing-library, Storybook, msw

  • 대출 추천 서비스 재개발 프로젝트에서 비즈니스 로직을 redux-saga로 분리하고 테스트 코드 작성.
  • 테스트 코드 작성 가이드를 제공.
  • 기존 테스트 커버리지 10%에서 70%로 상승
  • Storybook을 통한 UI 검증 프로세스 간소화
  • mswtesting-library를 사용하여 Integration Test진행.

About Platform Engineering

Engineering Foundation에서 Platform업무를 수행했습니다.

정적파일(JS, CSS)업로드 구조 변경

🗓: [Banksalad] 2020.07

💻: Terraform, Docker, Kubernetes, GitHub Actions

  • 웹 서비스 무중단 배포를 지원하기 위해 정적파일을 S3에서 관리하도록 수정

Webview TTI 개선

🗓: [Banksalad] 2019.08 ~ 2019.11

💻: SSR, Code Splitting, Chrome LightHouse

  • LightHouse기준(Slow 4G)40점에서 87점까지 향상.

    • TTI 2.5초에서 0.2초로 상승
  • SSR 가이드 공유

웹 서비스 IaC 작업

🗓: [Banksalad] 2019.08 ~ 2019.11

💻: Kubernetes, Nginx, GitHub Actions

  • 배포 시 필요한 Kubernetes template파일 작성
  • Kubernetes, Nginx 등 뱅크샐러드의 웹 서비스 구조를 도식화 하여 문서 작성
  • GitHub Actions활용한 CI/CD구성

About 자동화, 사내 라이브러리

자동화와 사내 라이브러리에 기여했습니다.

BPL

🗓: [Banksalad] 2020.03 ~ 2020.06

💻: emotion, tailwindcss, rollup, recharts

디자인, AND, iOS팀과 함께 BPL(Banksalad Product Language)디자인 시스템 설계 및 구현

  • CI/CD 구성
  • 0.0.28버전에서 0.0.29 버전 업데이트에서 번들 사이즈 최적화를 통해 사이즈 30% 감소

JS-Banksalad

🗓: [Banksalad] 2020.06 ~ 현재

💻: lerna, rollup, TypeScript

  • 각 프로젝트에서 중복으로 만들어 사용하고 있던 공통 함수들을 하나의 라이브러리로 제공
  • mono repo기반으로 여러가지 패키지 관리 (설정)

프로젝트 스캐폴딩(web-baedal)

🗓: [Banksalad] 2019.12

webpack, babel등의 설정파일을 포함한 프로젝트 전체 구조를 스캐폴딩 할 수 있는 도구입니다.

  • cli를 통해 원하는 구조 선택.
  • 프로젝트 셋팅에 소요되는 시간을 90분에서 5초로 단축

브릿지 페이지 제작 도구

🗓: [Banksalad] 2019.08 ~ 2019.11

💻: S3 API

마케팅 팀에서 개발자 없이 빠르게 정적 페이지를 생성할 수 있도록 하는 도구입니다. 배너 이미지와 버튼으로 구성 된 HTML을 만들어 줍니다.

  • S3 Image Upload
  • title, button position등에 대한 커스텀 제공
  • Demo Image

Communities

Presentations

Activity

FEConf Organizer

period 20.03. ~ current.
description 페이스북 그룹인 ‘프론트엔드 개발 그룹’의 운영진이며 FEConf라는 컨퍼런스의 오거나이저.

Last Updated

2020.10.27

감사합니다.