미리보기

디케이테크인에서 카카오의 여러 신규 개발 프로젝트(오픈채팅 핫이슈탭, 데이터센터 출입관리 포털 등)에 참여하여 기획·설계 단계부터 프론트엔드 전반을 담당했습니다.

각 프로젝트에서 Vue와 React로 혼재된 코드를 Next.js와 TypeScript 기반으로 재구축해 유지보수성과 퍼포먼스를 개선하고, 서버 컴포넌트, Parallel routes, API Mocking(MSW) 등 최신 기술을 도입해 개발 효율과 더 나은 사용자 경험을 제공하는데 기여하기도 했습니다.

또한, 개인 개발 위키 작성 및 공유 문화 조성과 정기적 스크림 및 코드 리뷰 의무화, 프로젝트 히스토리/가이드 문서화 등 제한된 개발 기간 내에서도 동료와 함께 성장하는 협업 환경을 만들고자 노력했습니다.

Description

카카오톡 오픈채팅 핫이슈탭 웹뷰 프론트엔드를 설계·개발하였으며, 부산국제영화제·크리스마스 시즌 등 이벤트 페이지를 운영했습니다.

Experience

• 핫이슈탭 운영을 위한 프론트엔드 시스템 구축

• 다양한 이벤트 페이지에 공통 적용 가능한 헤드리스 컴포넌트 구현

• 코드 스플리팅 적용으로 번들 크기 제어 및 성능 최적화

• Jest 기반의 테스트 작성

Tech Stack

TypeScript React Vite Jotai Jest

Description

카카오 데이터센터의 출입을 관리하는 데이터센터 포털 "출입신청시스템 똑똑(카카오톡채널)"의 프론트엔드를 담당했습니다.

Experience

• API Mocking(MSW)을 활용해 개발 프로세스 개선

• 서버 컴포넌트 기반 페이지 데이터 Prefetch로 초기 로딩 성능 개선

• Parallel routes 구조로 PC/모바일 페이지를 분리해 효율적 레이아웃 구성

Tech Stack

TypeScript Next.js Zustand TanStack Query MSW

Description

기존 기업별로 따로 운영되던 비즈메시지 페이지를 하나로 통합한 포털의 프론트엔드를 설계·개발했습니다.

Experience

• Vue와 React 등으로 분산된 코드를 하나의 최신 스택으로 통합

• 복잡한 구조와 중복 기능을 정리해 유지보수성 및 효율성 개선

• 코드 가독성과 사용자 경험을 높여 사이트를 재구축

Tech Stack

TypeScript Next.js Zustand TanStack Query

Description

카카오 엔터테인먼트 라이브 스트리밍 앱의 웹뷰 페이지를 개발했습니다.

Experience

• 앱 스킴 링크 연동으로 모바일 앱 호출 기능 구현

• 사내 이벤트 로깅 라이브러리를 활용해 사용자 클릭/사용 데이터를 추적 및 분석 기반 마련

Tech Stack

TypeScript Next.js TanStack Query

Description

카카오 백엔드/DBA용 DB 관리 시스템의 프론트엔드를 구현했습니다.

Experience

• 데이터베이스 사용 현황을 시각화하기 위한 차트 개발

• 차트 성능 개선 및 API 호출 최적화로 대규모 데이터 처리 효율성 개선

Tech Stack

JavaScript Redux-Toolkit Chart.js