Taeseong Resume

김태성 (Taeseong Kim)

기본정보

이름
김태성
생년월일
1997.11.19
이메일
aka404365@gmail.com
경력사항
3년차 프론트엔드 개발자 (현 CHEXCAR 재직)

안녕하세요, 3년차 프론트엔드 개발자 김태성 입니다.

저는 _ _ _ _ _ _ 하는 개발자 입니다.

  • 옆자리 동료와 함께 성장하는
  • 만드는 제품에 진심을 담는
Github
github.com/flip-404
Blog
taeseong-site.vercel.app
Email
aka404365@gmail.com

Introduction.

옆자리 동료와 함께 성장하기 위해 코딩합니다.
  • 옆자리 동료가 편안하게 읽을 수 있는 코드를 작성하기 위해 꾸준히 학습하고 소통합니다.
  • 더 나은 방향을 함께 고민하는 과정을 소중히 여기며,팀 전체의 시너지를 높이는 개발을 지향합니다.
  • 개발자라는 직무를 넘어, 믿을 수 있는 동료이자 팀원이 되기 위해 노력합니다.
만드는 제품에 진심을 담습니다.
  • 제품은 저와 팀의 가치를 증명하는 결과물입니다. 직접 만든 서비스에 책임감을 갖고, 더 나은 결과를 위해 끝까지 파고드는 성향을 가지고 있습니다.
  • 프로젝트의 요구사항에 맞춰 최적의 기술 스택을 선택하며, 새로운 기술을 학습하는 것을 두려워하지 않습니다.
  • 성능 최적화에 깊은 관심을 가지고 있으며, 이를 위해 다양한 접근법을 실험하고 개선해 나갑니다.

Experience.

Company logoCHEXCAR

국내 최초 중고차 원스톱 상품화 플랫폼, 체카
Company
CHEXCAR
Position
Frontend Web (개발팀)
Period
2025.01 ~ 현재
Stack
Next, React, TanStack Query, Jotai, Typescript, ShadCN, Tailwindcss, Storybook

NOVA (B2B SaaS) (기여도: 100%)

Frontend Engineer

2025.04 ~ 현재

기존 체카의 상품화 서비스를 기반으로, 새로운 B2B 비즈니스 모델에 맞춰 재구성한 SaaS(Software as a Service) 플랫폼입니다. 신규 프로젝트로, 자동차 상품화 전 과정을 통합적으로 관리할 수 있는 솔루션을 목표로 개발 중입니다.
Next Typescriptshadcn emotionvanilla-extract

What I did.

  • 초기 프로젝트 세팅을 담당하여 개발 환경 구축
    • commitlint와 husky를 적용해 일관된 커밋 메시지 규칙 설정
    • TeamCity를 활용해 CI/CD 파이프라인을 구축하여 배포 자동화 및 버전 관리 프로세스 구축
  • 라우팅 구조와 상태 관리 전략을 포함한 전반적인 프론트엔드 아키텍처를 설계[관련 포스트]
    • RBAC(Role-Based Access Control) 방식으로 사용자 권한에 따라 페이지 접근 제어
    • Next.js의 middleware를 활용한 쿠키 기반 인증으로 서버 사이드 검증 로직 구현

CHEXCAR 홈페이지 (기여도: 100%)

Frontend Engineer

2025.03

체카 공식 홈페이지를 단독으로 개발하여 7개의 핵심 페이지를 구축했습니다. 다양한 화면 크기에 최적화된 반응형 디자인을 적용해 데스크탑부터 태블릿, 모바일까지 일관된 사용자 경험을 제공했습니다. CI/CD 파이프라인을 구축하여 배포 자동화 시스템을 구현했습니다.
Next Typescriptemotion vanilla-extract

What I did.

  • 각 페이지의 인터랙션 UI 성능을 React Profiler로 측정하여 불필요한 리렌더링 방지[상세]
    • transform 속성 기반 GPU 가속 적용
  • Lighthouse 기준의 웹 성능 성능(92), 접근성(100), SEO(100), PWA(100)으로 점수 기록[결과 화면]
    • 스크롤 이벤트 최적화와 이미지·비디오 포맷 변환을 통해 렌더링 성능 개선
    • 시맨틱 태그와 ARIA 속성을 활용해 웹 접근성 개선

상품화 서비스 앱 (기여도: 25%)

Frontend Engineer

2025.01 ~ 현재

팀에 중간 합류하여 CHEXCAR 서비스를 이용할 수 있는 원스톱 중고차 상품화 플랫폼 앱 개발을 맡아 작업하고 있습니다. 중고차 매매업체와 개인 고객을 위한딜러 앱과 상품화 서비스를 제공하는 업체가 이용하는파트너스 앱을 개발했습니다.
React Typescripttanstack-query Scss

What I did.

  • 모달 컴포넌트의 깜빡임 현상과 레이아웃 시프트를 해결하기 위해 useLayoutEffect를 활용하여 DOM 조작하는 방법으로 성능 개선
  • 기존 프로세스 전반에서 잦은 API 호출이 발생하던 구조를 TanStack Query 기반의 캐싱 로직으로 리팩토링하여 불필요한 서버 통신과 스켈레톤 UI 노출 감소

Company logoTmaxCoreAI

티맥스 그룹의 AI 서비스 전문 기업
Company
Tmax AI
Position
Frontend Web (서비스 개발팀)
Period
2023.01 ~ 2024.12
Stack
React, TanStack Query, useSWR, Recoil, Typescript, Styled-Components

가톨릭대백과 (기여도: 50%)

Frontend Engineer

2024.08 - 2024.12

가톨릭대사전을 디지털화하기 위한 검수 페이지를 개발하였습니다. OCR을 활용해 디지털화된 사전의 잘못 인식된 부분을 쉽고 효율적으로 수정할 수 있는 기능을 제공합니다. 검수 페이지를 통해 약 45,000개의 사전 데이터를한국가톨릭대사전 홈페이지에 등재하였습니다.
React TypescriptdompurifyStyled-Components

What I did.

  • OCR 결과를 기반으로 한 검수 페이지 개발[결과 화면]
    • HTML5 요소(텍스트, 이미지, 테이블 등)를 DOM 직접 참조 방식으로 구현하여 커스텀 에디터 개발
    • 오탈자 하이라이팅 기능 구현
    • 신속한 검수 및 수정을 위한 '찾기/바꾸기' 기능 구현
    • Canvas API를 활용한 OCR 결과 기반 바운딩 박스 시각화 구현

KGM 챗봇 (기여도: 30%)

Frontend Engineer

2024.04 - 2024.10

KGM 공식 홈페이지내에서 고객이 원하는 정보를 쉽게 찾을 수 있도록 도와주는챗봇 서비스입니다.
React Typescriptstyled-componentsrecoilswr

What I did.

  • KGM API를 챗봇에 연동하여 규칙 기반 챗봇을 개발하였습니다.
    • 메시지 컴포넌트 및 챗봇 UI 개발
    • 챗봇 UI와 KGM API 연동을 위한 상태 관리 구현

TmaxAI 홈페이지  (기여도: 50%)

Frontend Engineer

2023.12 - 2024.03

TmaxAI 공식 홈페이지입니다. STT(음성 인식), TTS(텍스트 음성 변환), OCR(문자 인식) 등의 AI 기술을 직접 체험할 수 있는 기능을 제공하며, AI 기술 도입을 원하는 기업이나 개인을 위한 문의 기능을 지원합니다.
React TypescriptRecoil Styled-Components

What I did.

  • 인터랙티브 스크롤 애니메이션 개발[상세]
    • 스크롤 이벤트의 과도한 호출 방지하기 위한 쓰로틀링(throttling) 기법 적용
  • 광학문자인식(OCR) 기능 체험하기 기능 개발[상세]
    • 원본 이미지 위의 텍스트 영역을 확인하고 상호작용할 수 있는 인터페이스 구현
    • 대량의 바운딩 박스를 메인 스레드 블로킹 없이 처리하기 위해 Web Worker와 OffscreenCanvas API를 활용한 로직 구현
  • 기술 도입 문의하기 기능 개발[결과 화면]
    • React-hook-form을 활용한 유효성 검사 구현
    • 입력에 따른 리렌더링 방지를 통한 폼 성능 최적화

RGNews  (기여도: 50%)

Frontend Engineer

2023.06 - 2023.11

개인 맞춤형 뉴스 서비스로, 사용자의 관심사에 맞춘 뉴스를 제공하는 서비스입니다. 사용자의 검색 기록, 읽은 기사, 선호하는 주제 등을 분석하여 최적화된 뉴스 콘텐츠를 추천하며, 실시간으로 업데이트되는 최신 뉴스를 제공합니다
React Typescriptmobx styled-components

What I did.

  • 스와이프 기반 뉴스 페이지 개선[상세]
    • 사용자 피드백을 반영하여 스와이프 전환 시 opacity를 동적으로 조정하여 자연스러운 전환 효과 구현
    • 렌더링 최적화를 통한 성능 향상 (현재 아이템 주변만 렌더링)
  • 종합 검색 페이지 구현[상세]
    • 검색창, 맞춤/트렌딩/연관 검색어, 검색 결과 제공
    • 사용자 검색 상태 추적으로 불필요한 렌더링과 서버 호출 최소화
  • 무한 스크롤 뉴스 검색 구현[상세]
    • Intersection Observer 활용한 API 연동 및 페이징 처리 구현
    • 에러 바운더리 구현을 통한 런타임 에러 감지 및 재시도 기능 구현
  • 마이 페이지 기능 개발[결과 화면]
    • 관심 뉴스 및 언론사 저장/관리 기능
    • react-beautiful-dnd 활용한 드래그 앤 드롭 인터페이스 구현
  • TTS(Text-to-Speech) 기능 구현[상세]
    • Web Audio API를 활용한 브라우저 내 텍스트-음성 변환
    • 재사용 가능한 React 커스텀 훅 개발

하이퍼챗봇(기여도: 30%)

Frontend Engineer

2023.01 - 2023.06

검색 기반 챗봇 서비스입니다. 사용자와의 대화를 미리 정해진 플로우로 응답하도록 설정할 수 있어 특정 시나리오나 업무 프로세스에 맞게 커스터마이징할 수 있습니다.
ReactTypescriptRecoil Styled-Components

What I did.

  • 하이퍼챗봇 2.0(규칙 기반 챗봇) 서비스 웹 앱의 전반적인 클라이언트 측 개발을 수행했습니다.
  • 채팅방에서 사용되는 텍스트, 이모티콘, 이미지 컴포넌트의 UI 및 기능을 구현했습니다.
  • 대화 흐름을 설계할 수 있는 플로우 페이지를 구현하였습니다. reactFlow 라이브러리를 사용해 다양한 노드를 생성 후 드래그 앤 드롭하여 원하는 대화 흐름을 만들 수 있습니다.[결과 화면]