JungTaeInn
Frontend Engineer
Seoul, Korea
2016 - Present
Career
Frontend Engineer
AMOREPACIFIC
2020.07 - Present
FullStack Developer
GS ITM
2016.01 - 2020.06
Education
Computer Software Master's degree
Yonsei University
2022.03 - 2024.02
Computer Software Master's degree
Yonsei University
2022.03 - 2024.02
Information Communication Engineering Bachelor's degree
Hankuk University of Foreign Studies
2010.03 - 2016.08
Information Communication Engineering Bachelor's degree
Hankuk University of Foreign Studies
2010.03 - 2016.08
Tech Stack
TypeScript
React
Next.js
JavaScript
Node.js
Python
TanStack
Zustand
Redux
Mobx
Tailwind
Pnpm
Docker
k8s
Webpack
Babel
Selenium
GAN
Java
Tools & Services
Claude Code
Cursor AI
Github Copilot
Intellij
Github
Gitlab
Jenkins
Jira
Wiki
Docusaurus
Storybook
JSDoc
Eslint
Prettier
SEO
GEO
GA
Datadog
Turborepo
Monorepo
Areas of Interest
Frontend Architecture
Frontend Optimization
Monorepo
AI Automation
Recommendation System
Digital Transformation
Patent
Service providing device, method, and program for providing product recommendation function to individuals through reinforcement learning using Thompson sampling algorithm
Patent No. 10-2024-00221653
Filed: 2024.02.15
🚀 Projects
AMOREPACIFIC
2020.07 - Present | Frontend Engineer
코어 패키지 라이브러리 시스템 설계 및 구축
Team: 2 Members
Oct 2025 - Nov 2025
Tech Stack
Turborepo
React 19
Next.js 15
TypeScript
JavaScript
Pnpm
Changesets
Storybook
Docusaurus
Jest
Playwright
Key Achievements
- • 아모레퍼시픽 프론트엔드 전반에 활용 가능한 엔터프라이즈급 코어 라이브러리 10개 이상 설계 및 구축
- • 코어 라이브러리 중앙 관리를 통한 내부/외주팀 코드 품질 표준화 및 일관성 확보
- • Changesets 기반 시멘틱 버저닝 시스템 구축으로 안정적인 패키지 배포 및 의존성 관리 자동화
- • 패키지 버전 히스토리 자동 추적 및 변경 로그 자동 생성으로 투명한 릴리즈 관리
- • 도메인별 패키지 네임스페이스 전략 수립(@amoremall, @amorestore... 등: 비즈니스 도메인, @support: 범용 공통)
- • 사내 저장소(Nexus)에 코어 라이브러리 패키징 및 배포 파이프라인 구축으로 내부 시스템 간 코어 모듈 재사용성 극대화
- • @amoremall/ui-framework: Radix UI + Motion 기반 재사용 가능한 디자인 시스템
- • @amoremall/native-bridge: Android/iOS WebView 브릿지 통합 라이브러리 (201개 단위 테스트, 5가지 통신 패턴 표준화)
- • @amoremall/eslint-config, @amoremall/typescript-config 등 아모레몰 내 공통 개발 환경 설정 패키지 표준화
- • 트리셰이킹 지원 ESM/CJS 듀얼 패키지 시스템으로 번들 크기 최적화 및 범용성 확보
Turborepo 기반 아모레몰 서비스 페이지 개발
AI Automation
May 2025 - Nov 2025
Tech Stack
Turborepo
React 19
Next.js 15
TypeScript
Figma MCP
AI Automation
Tailwind
Storybook
Docusaurus
Key Achievements
- • Turborepo 기반 아모레몰 내 고객센터/공지사항/공지사항상세 페이지 개발 및 랜딩
- • Figma MCP를 활용한 디자인 자동 생성으로 일관성 있는 UI/UX 구현
- • AI 기반 커밋 메시지 자동 생성으로 개발 프로세스 효율성 향상
- • AI 기반 Merge Request 자동 생성 및 코드 리뷰 프로세스 자동화
- • FCP, LCP, CLS, INP 최적화 및 성능 최적화
- • 다양한 캐싱(TanStack, Next.js 등)을 통한 페이지 간 원활한 전환 및 사용자 경험 최적화
Turborepo 기반 모노레포 아키텍처 구축
Team: 4 Members
Dec 2024 - Apr 2025
Tech Stack
Turborepo
React 19
Next.js 15
TypeScript
React-Query
Zustand
Tailwind
Storybook
Docker
Key Achievements
- • 아모레퍼시픽 통합 플랫폼을 위한 확장 가능한 모노레포 아키텍처 설계 및 구축
- • 패키징화를 통한 코어 플랫폼 형태의 라이브러리 관리 체계 구축
- • Docusaurus 기반 공식 문서화로 체계적인 코드 구성 및 개발 가이드 제공
- • 빌드 속도 최적화 및 멀티 프로젝트 관리 효율성 향상
- • 핵심 패키지와 서비스 코드 분리로 유지보수성 개선
- • 디커플드 아키텍처를 통한 내부팀과 외주팀 간 협업 효율성 증대
- • FCP, LCP, CLS, INP 성능 최적화 및 다양한 캐싱 전략을 통한 사용자 경험 향상
- • Storybook 기반 컴포넌트 문서화로 코드-문서 자동화 구성 및 유지보수성 개선
Datadog 컨퍼런스 발표
Conference
Nov 2024
Key Achievements
- • DATADOG LIVE Seoul 2024 컨퍼런스에서 기술 발표 (그랜드 인터컨티넨탈 서울 파르나스)
- • 아모레몰의 로그 분석 도구 도입 전략 및 상세 구현 사례 공유
프론트엔드 파트 리드
Team: 9 Members
Apr 2023 - Mar 2024
Key Achievements
- • 핵심 프론트엔드 인프라 관리 및 미래 전략 수립 (Datadog 통합 등)
- • 운영 프로세스 표준화 및 기술 문서화 체계 구축
- • Merge Request 템플릿 프로세스 도입으로 배포 관리 효율성 향상
- • 백엔드, 기획, 비즈니스, AI 팀과의 크로스 펑셔널 커뮤니케이션 조율
커머스 커뮤니티 플랫폼 개발
Team: 8 Members
Feb 2023 - Jul 2023
Tech Stack
React.js
Next.js
TypeScript
Redux
Key Achievements
- • Instagram/Pinterest 스타일의 커머스 커뮤니티 플랫폼 개발
- • 무한 스크롤 및 뒤로가기 네비게이션 성능 최적화
- • 프론트엔드/백엔드 개발 일정 관리 및 조율
로그 분석 도구 전략 수립
Team: 7 Members
Oct 2022 - Mar 2024
Tools
Datadog
Splunk
Sentry
Key Achievements
- • 분산된 로깅 도구 분석 및 비용 중복 문제 식별
- • Datadog 도입을 위한 단계별 전략 문서 개발
- • 체계적인 로그 운영 프로세스에 대한 기술 블로그 포스팅
상품 페이지 개발 및 운영
Performance Focus
Apr 2021 - Dec 2024
Tech Stack
React.js
Next.js
TypeScript
Redux
Key Achievements
- • 레거시 시스템에서 모던 React 스택으로 마이그레이션
- • 단계별 성능 최적화 및 현대화 작업 수행
- • 체계적인 로깅을 통한 CS 응답 시간 개선
상품상세 페이지 성능 최적화 2차
Performance Focus
May 2022 - Sep 2022
Key Achievements
- • 페이지 로드 시간: 1.2초 → 0.567초 (53% 개선)
- • API 응답 시간: 0.578초 → 0.224초 (61% 개선)
- • React 메모이제이션을 활용한 전체 프론트엔드 리팩토링
- • 백엔드팀과의 협업을 통한 API 인터페이스 최적화
PC/모바일 통합 프로젝트
Team: 80 Members
Mar 2022 - Jul 2022
Key Achievements
- • 분리된 PC/모바일 서비스를 단일 반응형 플랫폼으로 통합
- • 배포 효율성 및 장애 대응 시간 개선
- • 사용자 피드백 기반 디바이스별 UI/UX 최적화
O2O 예약 서비스 개발
Team: 16 Members
Oct 2021 - Mar 2022
Key Achievements
- • 아모레몰 최초 O2O 서비스 구현
- • 예약 상세/예약하기/완료 페이지 개발
- • 백엔드팀과의 협업을 통한 방어 로직 및 트랜잭션 처리 구현
아모레몰 그랜드 오픈
Team: 80 Members
Jan 2021 - Sep 2021
Key Achievements
- • 전체 서비스 영역의 UI/UX 완전 리뉴얼
- • 컴포넌트 모듈화 및 체계적인 아키텍처 구축
- • 대규모 프로젝트 런칭 및 장애 대응 경험
기술 스택 마이그레이션
Team: 4 Members
May 2021 - Jun 2021
Key Achievements
- • MobX에서 Redux로 마이그레이션하여 스토어 초기화 문제 해결
- • Styled-Components를 CSS로 교체하여 확장성 개선
- • 상태 관리 라이브러리 트레이드오프에 대한 실무 경험 습득
React 프론트엔드 구축
Team: 2 Members
Jul 2020 - Dec 2020
Tech Stack
React.js
Next.js
TypeScript
MobX
Key Achievements
- • 창립 프론트엔드 엔지니어로서 초기 React/Next.js 환경 구축
- • 아키텍처 설계 및 레거시 Java 시스템과의 통합
- • 점진적 현대화 전략의 기반 마련
GS ITM
2016.01 - 2020.06 | FullStack Developer
GS홈쇼핑 상품페이지 Vue.js 이관개발
Frontend Lead
May 2019 - Jun 2020
Tech Stack
Vue.js
JavaScript
jQuery
Dust.js
Eclipse
ES5
Key Achievements
- • 페이지 진입속도 2.7초 → 1.5초로 44% 개선
- • 기존 서버 렌더링 기반 Dust.js 제거 및 Vue.js 도입
- • Vue CDN 방식 채택으로 Eclipse/ES5 환경에서 개발
- • SPA(Single Page Application) 설계 및 하이브리드 방식 적용
- • Agile 방식 수용으로 단계별 안정적 서비스 적용
GS홈쇼핑 상품페이지 운영
FullStack Developer
Jan 2019 - Jun 2020
Tech Stack
Vue.js
JavaScript
jQuery
Java
Oracle DB
Apptimize
Key Achievements
- • 2019년 기준 현업 요구사항 서비스 80개 개발/운영
- • Apptimize Library를 통한 A/B 테스트 기능 개발
- • Vue.js 도입으로 프론트엔드/백엔드 속도 개선
- • 상품 페이지 동선 개선 및 고객서비스 트랜드 지표 관리
- • 보안 취약점 개선 및 방어로직 개발/운영
GS홈쇼핑 외부API 연동 프로젝트
API Integration
Mar 2019 - Jun 2019
Tech Stack
Ajax
JavaScript
jQuery
Java
Pixlee API
Brightcove API
PLYR API
Key Achievements
- • 상품 페이지 내 동영상/라이브 최신 시스템 적용
- • Pixlee API를 통한 Instagram 연동 서비스 개발
- • Brightcove/PLYR API를 활용한 동영상 및 라이브 API 연동
- • 추천 이미지 검색 API 및 Apptimize A/B 테스트 라이브러리 적용
- • 다양한 고객 서비스 제공 및 트랜드 조사 지표 관리
GS홈쇼핑 관리도구 운영
FullStack Developer
Jan 2017 - Dec 2018
Tech Stack
JavaScript
jQuery
Java
Oracle DB
MySQL
Key Achievements
- • 상품/딜/기획전/이벤트/방송 관리도구 페이지 개발/운영
- • 상품MD 및 협력사 고객 응대 및 장애 대응
- • 서비스 지식자산화 정리 및 보안 취약점 개선
- • Frontend/Backend 중간 허브 역할 수행
GS홈쇼핑 여행딜 API 개발
API Developer
May 2018 - Nov 2018
Tech Stack
JavaScript
jQuery
Java
API Development
Key Achievements
- • 여행상품 생성 자동화로 월 5억원 매출 추가 달성
- • MD 수동 생성 시스템을 자동화 시스템으로 개선
- • 여행상품 생성 로직 기반 자동화 API 개발
- • 서비스 운영 효율성 대폭 향상
GS홈쇼핑 위드넷 개선 프로젝트
Backend Developer
Jan 2016 - Dec 2016
Tech Stack
JavaScript
jQuery
Java
Legacy System
Key Achievements
- • 노후화된 협력사 시스템 개선 및 보안 취약점 개선
- • Java 기반 Backend 페이지 소스 Refactoring 개발
- • 신규 팝업 페이지 개발
- • 첫 번째 풀스택 개발 프로젝트 경험