안녕하세요,
프론트엔드 엔지니어
이소영 입니다.

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

  • 최고의 고객 경험
  • 확장성 있는 구조
  • 테스트와 안정성
  • 자동화와 생산성
  • 비즈니스 임팩트
  • 지식과 경험 공유
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.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

  • 대출 추천 서비스 재개발 프로젝트에서 프론트엔드의 비즈니스 로직을 redux-saga로 분리하고 각 로직에 대한 테스트 코드를 작성.
  • 모든 웹팀이 비즈니스 로직에 대한 테스트 코드를 작성할 수 있도록 테스트 코드 작성 가이드를 제공.
  • 기존 테스트 커버리지 10%에서 70%로 상승
  • 이 외에 공통적으로 사용하는 공통 함수 등에 대해 ‘성공, 에러 반환, 극단 값, 이상한 값’등으로 나누어 테스트를 작성할 수 있도록 작성 가이드를 문서화.

UI Test

🗓: [Banksalad] ~ 현재

💻: Storybook, testing-library

복잡한 사용자의 조건, 상황을 다루는 서비스에서 Storybook을 도입하여 문서화와 UI Test를 작성하였습니다.

  • Storybook Redux Addon을 제작하여 State Mocking값에 따라 Story를 구성할 수 있도록 하고, 페이지 단위로 Story에서 사용자 조건에 따라 보여져야 하는 화면 정리
  • addon-viewport를 사용하여 디바이스에 따른 화면 테스트.

About Platform Engineering

Engineering Foundation에서 웹팀에서 필요한 Platform업무를 수행했습니다.

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

🗓: [Banksalad] 2020.07

💻: Terraform, Docker, Kubernetes, GitHub Actions

  • 정적파일까지 Docker Image로 관리해서 발생했던 순단 이슈를 해결하기 위해 bundle된 JS파일과 CSS파일을 S3에서 관리하도록 수정
  • GitHub Actions를 사용하여 배포 프로세스 수정

Webview TTI 개선

🗓: [Banksalad] 2019.08 ~ 2019.11

💻: SSR, Code Splitting, Chrome LightHouse

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

    • TTI 2.5초에서 0.2초로 상승
  • Round Trip을 고려한 Code Splitting Guide 수립.
  • SSR이 필요한 프로젝트 정리 및 React에서의 SSR 가이드 수립.

웹 서비스 IaC 작업

🗓: [Banksalad] 2019.08 ~ 2019.11

💻: Kubernetes, Nginx, GitHub Actions

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

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

웹팀이 효율적으로 일할 수 있도록 자동화와 사내 라이브러리 구축에 기여했습니다.

BPL

🗓: [Banksalad] 2020.03 ~ 2020.06

💻: emotion, tailwindcss, rollup, recharts

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

  • 0.0.28버전에서 0.0.29 버전 업데이트에서 번들 사이즈 최적화를 통해 사이즈 30% 감소
  • 디자인 시스템 구축 후 투자 추천 서비스에 적용하여 2.0 UI로 개편

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라는 컨퍼런스의 오거나이저.

For.D Organizer

period 17.12 ~ current
description 주니어 개발자 커뮤니티입니다. 학부생에서 주니어 개발자가 되기까지 겪었던 어려움을 다른 분들은 덜 겪었으면 하는 마음에서 커뮤니티를 운영하고 있습니다. 나에게 어려웠던점은 누구에게도 어려울 수 있다는 생각에 경험과 어려움을 많은 사람들이 나누는 문화를 만들고 싶습니다.

Django Girls Seoul

period 18.04. ~ 19.04.
description 여성이 개발 분야로 나아가는 것을 돕는 ‘장고걸스 서울’의 운영진으로 활동하였습니다.

Last Updated

2020.07.24

감사합니다.