1ilsang.dev

!ILSANG

1ilsang.dev

github.com/1ilsang

1ilsangc@gmail.com

어느덧 5년 차 프런트엔드 개발자가 되었습니다.
"일의 격"을 읽고 저는 일을 어떻게 대하는 사람인지, 어떠한 동료가 되고 싶은지 고민해 봤습니다.

저는 즐겁게 일하고 싶습니다.
저는 기술적 책임을 질 수 있는 동료가 되고 싶습니다.

웃으면서 일하고 싶습니다. 농담을 즐기고 어떻게 하면 동료를 웃길 수 있을지 늘 탐구하고 있습니다.
영향력 있는 동료가 되고 싶습니다. 성장 자극을 줄 수 있는 동료이고 싶습니다. 맡은 부분에 대한 기술적 책임을 지려고 노력합니다.

Smilegate에서 프런트엔드 인턴을 시작으로 TeamBlind에서 풀스택으로 일했으며 이후 LINE+에서 4년간 프런트엔드 개발자로 전문성을 쌓았습니다. 이제 우아한형제들에서 또 다른 커리어를 쌓고자 하고 있습니다. 또한 MDN 한국팀의 Organizer로 활동하고 있습니다.

WORK EXPERIENCE

2024.08 - Present

Woowa Bros

Frontend Engineer

Coming Soon

2024.08 - Present

TBD

2020.08 - 2024.07

LINE Plus Corp

Frontend Engineer

LandPress Content

2024.02 - 2024.07

Vite

pnpm

React-Query

사내 Headless CMS 개발

전체 페이지 성능 개선
- API 로직 개선, Lazy Loading, Suspense, preload 등 최적화 작업 진행
- Speed Index 약 14% 단축
- Total Blocking Time 약 72% 단축
- Cumulative Layout Shift 약 95% 감소
Webpack -> Vite 마이그레이션 진행
- 빌드 성능 향상
- HMR 개선
- 모노레포 워크스페이스 import 개선
CircleCi 적용 및 Cypress Task 분할 작업 진행
- 테스트 시간 16분 -> 5분 단축 성공

Universal Video Player

2020.10 - 2024.02

HTMLVideo

Preact10

Zustand

Turborepo

Storybook

Cypress

Webpack

사내 다양한 서비스에서 사용되는 웹 동영상 라이브러리 메인테이닝

v1: 런타임 -> 컴파일 타임 코드 리팩터링
- 레거시 프로젝트 최신화 작업 주도적 진행
- TypeScript 및 선언적 컴포넌트 적용
  - 런타임 이전에 코드 구성을 이해할 수 있도록 개선
- 이벤트 흐름 정리. 컴포넌트 동작의 시각화 및 디버깅 과정 향상
v2: 배포 안정화 및 DX 향상
- jsx-dom -> Preact 마이그레이션 및 Zustand, Cypress, Jest 도입
- TSDoc 및 Storybook 적용
  - IDE 단계에서부터 데모 페이지까지 고려한 문서 작성
  - 관련 발표: 개발자를 위한 친절한 UI 컴포넌트 라이브러리 만들기
v3: 라이브러리 확장성
- Yarn monorepo, Turborepo 적용
  - 플러그인 개발이 용이하도록 Repository 전체 아키텍처 변경
  - 관련 내용: Turborepo로 모노레포 개발 경험 향상하기
- 플러그인 구조 개발
  - 플러그인 템플릿 및 라이프사이클 설계
  - 서로 다른 서비스 니즈를 만족시킬 수 있는 유연한 개발 달성
- 성능 향상
  - Webpack4 -> Vite 마이그레이션
    - 빌드 시간 약 72% 감소
  - 모노레포 워크스페이스 import 개선

VOOM Live CMS

2023.06 - 2024.02

React18

RTL

React-Query

WebSocket

Chart.js

Jotai

VOOM Live 방송 CMS 페이지 개발

아래 Official Account Live CMS와 동일. 호스트 유저만 다른 서비스
서비스 아키텍처 설계 및 일정 산출
조금씩 미묘하게 다른 스펙을 위한 컴포넌트 추상화 작업 진행

Official Account Live CMS

2022.07 - 2024.02

React18

RTL

React-Query

WebSocket

MSW

Chart.js

Jotai

LINE Official Account Live 방송 CMS 페이지 개발

초기 설계부터 릴리즈까지 진행. 컴포넌트 아키텍처 설계 및 라이브러리 선정
라인 패밀리 서비스에서 사용될 수 있도록 확장성있는 컴포넌트 모듈 개발
MSW 적용. 방송 상태에 따른 다양한 시나리오 테스트 할 수 있도록 개발
React-Query v4 -> v5 작업 진행
방송 페이지 실시간 채팅 WebSocket 개발
시각화 페이지 개발. 데이터 가공 최적화 작업 진행

LINE Design System - Calendar

2023.03 - 2023.06

React18

Vite

Jotai

LINE 디자인 시스템이 적용된 React 캘린더 컴포넌트 라이브러리 개발

사내 공용 캘린더 라이브러리의 부재로 자발적 개발
- 배포 이후 긍정적인 평가를 받으며 6개 이상의 서비스에서 사용
다양한 서비스에서 사용될 수 있도록 높은 추상화를 목표로 개발
- 다국어 및 Timezone 설정 가능
- 모달, 멀티 캘린더, 범위, 시간 등 다양한 옵션 제공
- 웹 접근성 적용

LINE Place

2020.09 - 2021.04

Next12

Redux

Redux-Saga

Swiper

위치 기반 음식점 추천 및 검색 서비스 개발

Home, Profile 페이지 개발
- 위치 기반 API Flow 정리 및 개발
- Swiper 버벅임 성능 개선
Koa 커스텀 서버 개발
- nGrinder 활용, Stress test 진행 후 서버 가용량 산출
- 빌드/배포 개발 환경 세팅

Official Account Profile

2020.08 - 2021.07

Next12

라인 공식 계정 페이지 개발

플러그인 공통화 작업 진행
- 중복 코드 개선
- 일관된 타입 모델 적용
React -> Next.js 리팩터링 진행
커스텀 서버 개발
데이터 이관 작업 진행

2019.08 - 2020.08

TeamBlind

Full Stack Engineer

Bleet

2020.04 - 2020.08

Node.js

MySQL

Swagger

Firebase

직장인 소개팅 어플 서버 개발

메인 서버 개발자로 주도적 작업. 시스템 및 DB 설계 진행
블라인드 인증을 통한 가입 및 포인트 처리 등 전반적인 API 작업
Firebase 채팅 개발
Swagger 및 문서화 도입. API 사용이 편리하도록 제공
- 클라이언트 팀에서 좋은 평가를 받은 프로젝트

Mybiskit

2019.10 - 2020.04

Nuxt2

MySQL

AWS

Puppeteer

직장인 온라인 취미클래스 서비스 개발

매주 프로모션 페이지 개발(Vue)
쿠폰, 결제 API 개선/개발
- 테스트 코드로 리팩터링 과정의 사이드 이펙트 최소화하고자 노력
- 트랜잭션 적용 및 결제 플로우 간소화 작업 진행
- 에러 정리 및 로깅 개선
지표 분석용 크롤러 개발
- Puppeteer로 추출한 데이터 가공 파이프라인 개발(AWS)
- 데이터 시각화 페이지 개발
- 사내 엔지니어링 세미나 "주니어의 반란" 주최, 개발 여정 공유

Blind

2019.08 - 2019.12

Node.js

PHP

Docker

MySQL

Redis

AWS