!ILSANG

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

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

웃으면서 일하고 싶습니다. 농담을 즐기고 어떻게 하면 동료를 웃길 수 있을지 늘 탐구하고 있습니다.
영향력 있는 동료가 되고 싶습니다. 성장 자극을 줄 수 있는 동료이고 싶습니다. 맡은 부분에 대한 기술적 책임을 지려고 노력합니다. 기술에 대한 탐구욕이 강하며 공유할 거리가 생기면 어떤 웃긴 제목으로 발표할지 고민하며 입꼬리가 절로 올라갑니다.

Smilegate에서 프런트엔드 인턴을 시작으로 TeamBlind에서 풀스택으로 일했으며 현재 LINE+에서 4년 가까이 프런트엔드 개발자로 즐겁게 일하고 있습니다. 또한 MDN 한국팀의 Organizer로 활동하고 있습니다.

WORK EXPERIENCE
- Present
LINE Plus Corp
Frontend Engineer
LandPress Content
- Present
Vite
pnpm
React-Query
    사내 headless CMS 개발
  • Webpack -> Vite 마이그레이션 진행
  • CircleCi 적용 및 Cypress Task 분할 작업 진행
    • 테스트 시간 16분 -> 5분 단축 성공
  • 모노레포 워크스페이스 import 개선
Universal Video Player
-
HTMLVideo
Preact10
Zustand
Turborepo
Storybook
Cypress
Webpack
UVP cover
    사내 다양한 서비스에서 사용되는 웹 동영상 라이브러리 메인테이닝
  • v1: 런타임 -> 컴파일 타임 코드 리팩터링
    • 레거시 프로젝트 최신화 작업 주도적 진행
    • TypeScript 및 선언적 컴포넌트 적용
      • 런타임 이전에 코드 구성을 이해할 수 있도록 개선
    • 이벤트 흐름 정리. 컴포넌트 동작의 시각화 및 디버깅 과정 향상
  • v2: 배포 안정화 및 DX 향상
  • v3: 라이브러리 확장성
    • Yarn monorepo, Turborepo 적용
    • 플러그인 구조 개발
      • 플러그인 템플릿 및 라이프사이클 설계
      • 서로 다른 서비스 니즈를 만족시킬 수 있는 유연한 개발 달성
    • 성능 향상
      • Webpack4 -> Vite 마이그레이션
        • 빌드 시간 약 72% 감소
      • 모노레포 워크스페이스 import 개선
VOOM Live CMS
-
React18
RTL
React-Query
WebSocket
Chart.js
Jotai
VOOM Live CMS cover
    VOOM Live 방송 CMS 페이지 개발
  • 아래 Official Account Live CMS와 동일. 호스트 유저만 다른 서비스
  • 서비스 아키텍처 설계 및 일정 산출
  • 조금씩 미묘하게 다른 스펙을 위한 컴포넌트 추상화 작업 진행
Official Account Live CMS
-
React18
RTL
React-Query
WebSocket
MSW
Chart.js
Jotai
OA Live CMS cover
    LINE Official Account Live 방송 CMS 페이지 개발
  • 초기 설계부터 릴리즈까지 진행. 컴포넌트 아키텍처 설계 및 라이브러리 선정
  • 라인 패밀리 서비스에서 사용될 수 있도록 확장성있는 컴포넌트 모듈 개발
  • MSW 적용. 방송 상태에 따른 다양한 시나리오 테스트 할 수 있도록 개발
  • React-Query v4 -> v5 작업 진행
  • 방송 페이지 실시간 채팅 WebSocket 개발
  • 시각화 페이지 개발. 데이터 가공 최적화 작업 진행
LINE Design System - Calendar
-
React18
Vite
Jotai
LDS Calendar
    LINE 디자인 시스템이 적용된 React 캘린더 컴포넌트 라이브러리 개발
  • 사내 공용 캘린더 라이브러리의 부재로 자발적 개발
    • 배포 이후 긍정적인 평가를 받으며 6개 이상의 서비스에서 사용
  • 다양한 서비스에서 사용될 수 있도록 높은 추상화를 목표로 개발
    • 다국어 및 Timezone 설정 가능
    • 모달, 멀티 캘린더, 범위, 시간 등 다양한 옵션 제공
    • 웹 접근성 적용
LINE Place
-
Next12
Redux
Redux-Saga
Swiper
LINE Place cover
    위치 기반 음식점 추천 및 검색 서비스 개발
  • Home, Profile 페이지 개발
    • 위치 기반 API Flow 정리 및 개발
    • Swiper 버벅임 성능 개선
  • Koa 커스텀 서버 개발
    • nGrinder 활용, Stress test 진행 후 서버 가용량 산출
    • 빌드/배포 개발 환경 세팅
Official Account Profile
-
Next12
Official Account cover
    라인 공식 계정 페이지 개발
  • 플러그인 공통화 작업 진행
    • 중복 코드 개선
    • 일관된 타입 모델 적용
  • React -> Next.js 리팩터링 진행
  • 커스텀 서버 개발
  • 데이터 이관 작업 진행
-
TeamBlind
Full Stack Engineer
Bleet
-
Node.js
MySQL
Swagger
Firebase
Bleet cover
    직장인 소개팅 어플 서버 개발
  • 메인 서버 개발자로 주도적 작업. 시스템 및 DB 설계 진행
  • 블라인드 인증을 통한 가입 및 포인트 처리 등 전반적인 API 작업
  • Firebase 채팅 개발
  • Swagger 및 문서화 도입. API 사용이 편리하도록 제공
    • 클라이언트 팀에서 좋은 평가를 받은 프로젝트
Mybiskit
-
Nuxt2
MySQL
AWS
Puppeteer
Mybiskit cover
    직장인 온라인 취미클래스 서비스 개발
  • 매주 프로모션 페이지 개발(Vue)
  • 쿠폰, 결제 API 개선/개발
    • 테스트 코드로 리팩터링 과정의 사이드 이펙트 최소화하고자 노력
    • 트랜잭션 적용 및 결제 플로우 간소화 작업 진행
    • 에러 정리 및 로깅 개선
  • 지표 분석용 크롤러 개발
    • Puppeteer로 추출한 데이터 가공 파이프라인 개발(AWS)
    • 데이터 시각화 페이지 개발
    • 사내 엔지니어링 세미나 "주니어의 반란" 주최, 개발 여정 공유
Blind
-
Node.js
PHP
Docker
MySQL
Redis
AWS
Blind cover
    직장인 익명 앱 API 및 어드민 페이지 개발
  • 블라인드 서버 API 개발
    • 신고하기 및 패널티 API 개선
    • TypeScript 적용 건의 및 세미나 진행
  • 어드민 페이지 개선 작업 진행(PHP)
-
Smilegate
Frontend Engineer(intern)
Stove
-
Vue2
    모바일 게임 유저 타임라인 개발
  • 방명록 CRUD 기능 개발
  • 댓글 / 신고하기 기능 개발
  • 재밌고 즐겁게 인턴생활 적응
ACTIVITY
EDUCATION
-
가톨릭대학교
미디어공학, 컴퓨터정보공학 전공