- Present
Woowa Bros
Frontend Engineer
Coming Soon
- Present
- TBD
- TBD
!ILSANG
어느덧 5년 차 프런트엔드 개발자가 되었습니다.
"일의 격"을 읽고 저는 일을 어떻게 대하는 사람인지, 어떠한 동료가 되고 싶은지 고민해 봤습니다.
"일의 격"을 읽고 저는 일을 어떻게 대하는 사람인지, 어떠한 동료가 되고 싶은지 고민해 봤습니다.
- 저는 즐겁게 일하고 싶습니다.
- 저는 기술적 책임을 질 수 있는 동료가 되고 싶습니다.
웃으면서 일하고 싶습니다. 농담을 즐기고 어떻게 하면 동료를 웃길 수 있을지 늘 탐구하고 있습니다.
영향력 있는 동료가 되고 싶습니다. 성장 자극을 줄 수 있는 동료이고 싶습니다. 맡은 부분에 대한 기술적 책임을 지려고 노력합니다.
영향력 있는 동료가 되고 싶습니다. 성장 자극을 줄 수 있는 동료이고 싶습니다. 맡은 부분에 대한 기술적 책임을 지려고 노력합니다.
WORK EXPERIENCE
-
LINE Plus Corp
Frontend Engineer
LandPress Content
-
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
-
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 개선
- Webpack4 -> Vite 마이그레이션
- Yarn monorepo, Turborepo 적용
VOOM Live CMS
-
React18
RTL
React-Query
WebSocket
Chart.js
Jotai
- VOOM Live 방송 CMS 페이지 개발
- 아래 Official Account Live CMS와 동일. 호스트 유저만 다른 서비스
- 서비스 아키텍처 설계 및 일정 산출
- 조금씩 미묘하게 다른 스펙을 위한 컴포넌트 추상화 작업 진행
Official Account Live CMS
-
React18
RTL
React-Query
WebSocket
MSW
Chart.js
Jotai
- LINE Official Account Live 방송 CMS 페이지 개발
- 초기 설계부터 릴리즈까지 진행. 컴포넌트 아키텍처 설계 및 라이브러리 선정
- 라인 패밀리 서비스에서 사용될 수 있도록 확장성있는 컴포넌트 모듈 개발
- MSW 적용. 방송 상태에 따른 다양한 시나리오 테스트 할 수 있도록 개발
- React-Query v4 -> v5 작업 진행
- 방송 페이지 실시간 채팅 WebSocket 개발
- 시각화 페이지 개발. 데이터 가공 최적화 작업 진행
LINE Design System - Calendar
-
React18
Vite
Jotai
- LINE 디자인 시스템이 적용된 React 캘린더 컴포넌트 라이브러리 개발
- 사내 공용 캘린더 라이브러리의 부재로 자발적 개발
- 배포 이후 긍정적인 평가를 받으며 6개 이상의 서비스에서 사용
- 다양한 서비스에서 사용될 수 있도록 높은 추상화를 목표로 개발
- 다국어 및 Timezone 설정 가능
- 모달, 멀티 캘린더, 범위, 시간 등 다양한 옵션 제공
- 웹 접근성 적용
LINE Place
-
Next12
Redux
Redux-Saga
Swiper
- 위치 기반 음식점 추천 및 검색 서비스 개발
- Home, Profile 페이지 개발
- 위치 기반 API Flow 정리 및 개발
- Swiper 버벅임 성능 개선
- Koa 커스텀 서버 개발
- nGrinder 활용, Stress test 진행 후 서버 가용량 산출
- 빌드/배포 개발 환경 세팅
Official Account Profile
-
Next12
- 라인 공식 계정 페이지 개발
- 플러그인 공통화 작업 진행
- 중복 코드 개선
- 일관된 타입 모델 적용
- React -> Next.js 리팩터링 진행
- 커스텀 서버 개발
- 데이터 이관 작업 진행
-
TeamBlind
Full Stack Engineer
Bleet
-
Node.js
MySQL
Swagger
Firebase
- 직장인 소개팅 어플 서버 개발
- 메인 서버 개발자로 주도적 작업. 시스템 및 DB 설계 진행
- 블라인드 인증을 통한 가입 및 포인트 처리 등 전반적인 API 작업
- Firebase 채팅 개발
- Swagger 및 문서화 도입. API 사용이 편리하도록 제공
- 클라이언트 팀에서 좋은 평가를 받은 프로젝트
Mybiskit
-
Nuxt2
MySQL
AWS
Puppeteer
- 직장인 온라인 취미클래스 서비스 개발
- 매주 프로모션 페이지 개발(Vue)
- 쿠폰, 결제 API 개선/개발
- 테스트 코드로 리팩터링 과정의 사이드 이펙트 최소화하고자 노력
- 트랜잭션 적용 및 결제 플로우 간소화 작업 진행
- 에러 정리 및 로깅 개선
- 지표 분석용 크롤러 개발
- Puppeteer로 추출한 데이터 가공 파이프라인 개발(AWS)
- 데이터 시각화 페이지 개발
- 사내 엔지니어링 세미나 "주니어의 반란" 주최, 개발 여정 공유
Blind
-
Node.js
PHP
Docker
MySQL
Redis
AWS
- 직장인 익명 앱 API 및 어드민 페이지 개발
- 블라인드 서버 API 개발
- 신고하기 및 패널티 API 개선
- TypeScript 적용 건의 및 세미나 진행
- 어드민 페이지 개선 작업 진행(PHP)
-
Smilegate
Frontend Engineer(intern)
Stove
-
Vue2
- 모바일 게임 유저 타임라인 개발
- 방명록 CRUD 기능 개발
- 댓글 / 신고하기 기능 개발
- 재밌고 즐겁게 인턴생활 적응
ACTIVITY
2024
2023
- Seminar
- Hackathon
- SNS
- Open Source
- Open Source
2022
2021
- Conference
- Open Source
2020
- Club
- Open Source
2019
- Hackathon
2018
- Club
- Hackathon
- Hackathon
- Club
2017
- Hackathon
- Award
- Club
- Club
EDUCATION
-
가톨릭대학교
미디어공학, 컴퓨터정보공학 전공