안녕하세요! 이욱창입니다

개선 가능한 지점을 찾아 해결하는 것을 좋아합니다.

디자인 시안에 없던 애니메이션을 추가해 완성도를 높였고 이런 주도적인 태도로 전사 타운홀에서 동료들에게 인정받았습니다. 아무도 신경쓰지 않던 서브픽셀 이슈를 발견해 해결하는 등 디테일에 신경쓰는 편입니다.

백엔드 팀이 관리하던 프론트엔드 프로젝트를 보고 프론트엔드 개발자가 해야 하는 일이라고 판단해 직접 가져왔고 프론트엔드 챕터에서 관리할 수 있도록 만들었습니다.

레거시 시스템을 현대적인 아키텍처로 전환하고 기술 부채를 해결할 때 보람을 느낍니다. 번들러조차 없던 프로젝트에 모던 빌드 시스템을 구축하거나, SPA를 SSR로 마이그레이션하는 등의 기술적 도전을 즐깁니다.

18,000개 이상의 고객사가 사용하는 B2B SaaS 제품을 개발하며, 직접 고객이 사용하는 어드민 대시보드부터 그들의 엔드유저가 보게 되는 위젯까지 전체 생태계를 고려한 제품을 만들어왔습니다.
Email uclee95@gmail.com
GitHub https://github.com/wook95
linkedIn https://www.linkedin.com/in/wookchang-lee/

경력

주식회사 샐러드랩 (2025.02 - )

레거시 팝업 시스템 프로젝트 현대화

기술: TypeScript, Vite, LIT, pnpm, Biome

  • 아키텍처 전환: 자바스크립트 파일 9개에서 TypeScript + Vite + LIT 기반 웹 컴포넌트로 완전 재설계
  • 성능 개선: Shadow DOM 도입으로 iframe 오버헤드 제거 및 렌더링 성능 개선
  • 패키지 관리: GitHub Packages 기반 배포 파이프라인 구축
  • 개발 환경: 폴더 기반에서 브랜치 기반 배포로 전환, 린팅 자동화

CRM 서비스 유료화 체계 구축

기술: Angular, RxJS

  • 복합 구독 플로우: RxJS switchMap을 활용한 다단계 비동기 처리 파이프라인 구축
  • 권한 관리: 전역 서비스를 통한 일관된 권한 체크 로직 구현
  • 비즈니스 로직: 구독 시작, 체험 전환, 다운그레이드 등 복잡한 시나리오 처리

데이터 시각화 및 사용자 경험 개선

기술: Angular, RxJS, GSAP

  • 모바일 퍼스트: 반응형 레이아웃 및 터치 인터랙션 고려 구현
  • 인터랙티브 시각화: GSAP 활용 그래프 애니메이션, Zapier 스타일 노드 기반 레시피북 뷰
  • 디자인 완성도: 디자인 가이드에 없던 애니메이션과 인터랙션 제안 및 구현

개발 효율성 및 DX 개선

기술: GitHub Actions, NX, Tanstack Query, MSW, GSAP

  • CI/CD: Semantic Versioning 태깅, 제미나이 AI 코드 리뷰 도입
  • 개발 환경: NX 기반 모노레포, 노드 버전 관리 도구 도입
  • DX 개선: Tanstack Query, MSW 기반 API 모킹 환경 구축

(주)스윗코리아 (2022.04 - 2024.06)

SPA 홈페이지의 SSR 마이그레이션

기술: Angular, Angular/ssr, RxJS, NgRx, ngx-translate

  • SEO 개선: 크롤링 가능 페이지 10개 미만에서 30개 이상으로 확대
  • 성능 향상: Lighthouse 성능 점수 적색에서 녹색 등급 달성
  • 인프라 현대화: GitHub Actions + Google Cloud Build 기반 CI/CD 파이프라인 구축

북마크기능 고도화, 파일 업로드 리팩토링

기술: Angular, RxJS

  • 통합 파일 관리: 위치, 업로더, 유형별 필터링 및 실시간 검색 기능
  • 성능 최적화: 가상 스크롤을 통한 대량 목록 렌더링 성능 개선
  • 북마크 시스템: 드래그 앤 드롭 기반 직관적인 공유 기능 구현

오딧 로그 개발

기술: Angular, @angular/forms, RxJS

  • 통합 로그 시스템: 가상 스크롤로 최적화된 로그 데이터 표시
  • 보안 기능: 비밀번호 보호 압축파일 내보내기, 오디터 권한 관리
  • 코드 품질: 디자인 시스템 도입 후 레거시 코드 교체

어드민 콘솔 기능 추가, 유지보수 (2022.05 - 2024.04)

기술: Angular, @angular/forms, RxJS, NgRx

  • 복잡한 폼: 단순 토글부터 테이블 기반 IP 차단 설정까지 다양한 폼 개발
  • 전역 상태 관리: NgRx를 활용한 앱 전역 비즈니스 로직 처리
  • 세션 관리: API 인터셉터 구현, 어드민 콘솔 세션 분리

학력

가톨릭대학교 (2014.03 - 2021.02)
물리학, 정보통신전자공학 학사

  • C, Java, 안드로이드, 데이터 통신 등 수강
  • 수리물리학, 양자역학을 통해 선형대수 학습

스킬

  • 언어: TypeScript, JavaScript
  • 프레임워크: Angular, React
  • 도구: Git, GitHub Actions, NX, Vite
  • 라이브러리: RxJS, NgRx, Tanstack Query, GSAP

자격증

정보처리기사 (2021.06)