Careers
타이드스퀘어
프론트엔드 개발자2022.06. - 2025.07.
2024.08. - 2025.07.
0 -> 1로 새롭게 구축한 여행 서비스 전면 개편 프로젝트에서 항공 파트 프론트엔드 개발을 담당. 초기 기술 선택부터 아키텍처 설계, 디자인 시스템 구축, 핵심 기능 구현까지 전 과정을 주도했습니다.
TypeScript
Next.js (App)
tailwindcss
radix-ui
TanStack Query
Bitbucket CI/CD
0 to 1 특성상 디자인·기획 변동에 강한 개발 생산성 기반을 구축했습니다
- 기술 스택별 ESLint·Prettier 설정을 내부 패키지로 표준화해 신규 패키지 셋업 비용 제거, 코드 일관성 확보
- 디자인 확정 이전 변경에 유연하게 대응할 수 있도록, 컴파운드 패턴 기반 디자인 시스템 구축
- 으로 배포 리드타임 단축
- 복잡한 브랜치 전략을 TBD 체계로 전환해 주 단위 배포를 일 단위로 개선하고, Jira 연동 Slack 알림으로 배포 흐름 가시화
현실적 제약을 아키텍처 레벨에서 구조적으로 해결했습니다
- 사용자 환경별 UI 차이가 커
- 스타일링은 path 기반 Tailwind 커스텀 Variant(pc:, mobile:)를 빌드 타임에 생성·사용하는 방식으로 일원화
- 규정상 서버 간 통신만 허용되는 제약을 서버 컴포넌트 패칭과 Route Handlers 기반 API 중계 구조로 해결
이메일 템플릿 개발 방식의 비효율을 크게 개선했습니다
- 이메일 클라이언트 제약으로 수동 HTML 마크업에 의존하던 템플릿 개발 방식의 비효율 발견
- React Email을 도입해 렌더링 API 구축, 컴포넌트 기반 템플릿으로 전환하고 이메일 영역까지 디자인 시스템 확장
Kyte2022.06. - 2024.08.
전 세계 여행 상품을 검색/예약할 수 있는 온라인 여행 중개 플랫폼에서 프론트엔드 개발을 담당. 기존 호텔, 항공 서비스 고도화 와 투어•티켓 서비스 신규 론칭에 참여했습니다.
TypeScript
React
Yarn
Tanstack Query
Zustand
의존성 설치 시간 86% 단축으로 CI 빌드 병목을 제거했습니다
- node_modules 기반 모노레포를 Yarn PnP로 마이그레이션하여 의존성 설치 시간 86%(3분 17초 → 26초) 단축하고 디스크 사용량 81% 절감
- 마이그레이션 과정에서 유령 의존성을 모두 명시적 의존성으로 전환하여, 잠재적 런타임 에러 원인 제거
비동기 상태 처리 구조를 현대화 했습니다
- React 18 도입과 함께 Suspense와 ErrorBoundary 기반 선언적 비동기 상태 분리 패턴을 팀에 전파 및 도입
- TanStack Query 도입으로 앱 전반에 캐싱을 적용해 불필요한 서버 요청과 로딩 UI 노출 감소
데이터 기반 성장 구조를 만들고, 메타서치 연동으로 실질적인 매출 성장을 견인했습니다
- Amplitude와 GTM 기반 사용자 행동 트래킹 시스템을 구축해 데이터 기반 의사결정 문화 정착
- 선언적 트래킹 컴포넌트를 구현해 트래킹 로직과 비즈니스 로직을 분리, 개발 생산성과 유지보수성을 높임
- Skyscanner, Google Flights 등 항공 메타서치 플랫폼 연동을 주도해 신규 유입 채널을 확보, 일일 항공권 판매량 20배 성장 견인
링글잉글리시에듀케이션서비스
프론트엔드 개발자 • 인턴2020.08. - 2020.12.
• 턴챗
온라인 영어 그룹 스터디 턴챗 서비스의 MVP 단계 프론트엔드 개발을 담당했으며, 1:1 화상영어 링글 서비스 유지보수에 참여했습니다.
TypeScript
React
styled-components
Redux
사용자 이탈과 생산성을 저해하는 문제를 발견하고, 기술로 개선했습니다
- 외부 설문 링크로 인한 사용자 이탈 문제를 발견, 인앱 설문 기능을 개발해 이탈을 제거하고 참여율 15%p 개선
- JavaScript Class 컴포넌트 기반 코드의 유지보수 한계를 인식하고 TypeScript + Hooks 기반 함수형 컴포넌트로 마이그레이션하여 안정성과 유지보수성 개선
사용자 경험을 저해하던 오디오-대본 동기화 버벅임 현상을 해결했습니다.
- 오디오 탐색바 조작 시 과도한 onTimeUpdate 이벤트로 발생하던 오디오–대본 동기화 버벅임을 분석하고, 디바운싱 적용으로 해결
Personal Projects
오픈소스
tech-spoon
개인2025.06. - 2025.09.
소스 코드
했지만, 표현할 수 있는 콘텐츠에 한계가 있어 이를 해소하기 위해 블로그 플랫폼을 직접 개발
TypeScript
Next.js (App)
tailwindcss
contentlayer
giscus
cloudinary
- Next.js를 이용해 마크다운 파일 기반 정적 사이트(SSG) 구축
- tailwind 유틸리티 기반 반응형 레이아웃 설계
- cloudinary CDN과 srcset 기반 반응형 이미지, WebP 전환으로 LCP 2초 이내 성능 지표 달성
- 를 개발해 아티클, 저자 등록 프로세스 자동화
crypto-js
타이드스퀘어 (개인)2025.03.
사내 서비스에 필수적인 SEED 암호화가 Node.js 환경에서 공식 지원되지 않아 이를 위해 오픈 소스 개발
Node.js
TypeScript
npm
crypto-js
grunt
- SEED 암호화가 존재하지 않던 를 fork하여, SEED 암호화 모듈 이식
- 와 TypeScript 타입 정의를 추가해 안정성을 확보
- 암호화 패딩 모듈 내 오타로 인한 동작 오류를 수정하고, 원본 저장소에 PR()로 개선 제안
- npm 누적 다운로드 3k+, 해당 오픈소스 개발 과정은
Bitfolio
개인2021.05. - 운영중.
소스 코드
여러 거래소에 분산된 암호화폐 가격을 한곳에서 확인할 수 있는 플랫폼 개발
TypeScript
React Native (Expo)
styled-components
TanStack Query
i18next
D3.js
- 3개 이상 Open API를 통합하고, 실시간 시세 시각화 - ErrorBoundary·Retry 로직으로 안정성 확보
- 웹소켓 기반 고빈도 시세 업데이트에 Throttling을 적용해 렌더링 70% 이상 감소 및 프레임 드랍 해소
- 18,000종 이상 암호화폐 정보·뉴스 제공 및 포트폴리오 추적·가상 투자 기능 구현
js-algorithm
개인2020.06. - 진행중.
자료구조와 탐색•그래프 등 핵심 알고리즘을 중심으로
Node.js
Education
신구대학교 IT미디어학과 졸업2015.02. ~ 2020.02.
Certificate
컴퓨터활용능력 1급2018.06. • 데이터베이스 Query • 컴퓨터 소프트웨어 • PC 통신과 인터넷
워드프로세서2017.09. • 문서작성 능력 증명