김태호 Taeho Kim

프로필Profile

프론트엔드 개발과 고객 현장 적용

2020년 2월부터 프론트엔드 개발 업무를 하고 있습니다. 현재 S2W에서 SAIP의 프론트엔드 개발, 고객 요구사항 정리, 데이터 구조 설계와 현장 적용을 담당합니다.

기록Records

업무 현황

경영분석 소요 시간 감소율

95%+

고객 경영분석 적용 사례 · S2W SAIP · 2026.07

SAIP 프론트엔드 개발 화면 수

26개

개발 기간 8개월 · 2026.08 기준

영상 라벨링 소요 시간 감소율

80%+

Innodep 재직 당시 · 사내 라벨러 실사용 기준

HyperChatbot 담당 역할

팀장 · PM

TmaxCoreAI · 입사 3개월 차부터 담당

온톨로지 스키마 구성

엔티티 타입 약 40 · 관계 약 70

SAIP · 설계 범위

요구사항 수집 대상

2개사

고객 미팅 · 데이터 위치와 담당자 확인

AI 공동 작성 표기가 있는 커밋

42 / 46

이 사이트 · 2026년 3월 이후 · git 기록 기준 · 2026.10.08 측정

도구Tools

업무 범위와 사용 기술

역할 구분: 담당⁠(설계⁠·⁠구현), 조율⁠(협업⁠·⁠일정⁠·⁠대응 조정), 참여⁠(일부 업무 수행), 실무 경험 없음.

1. Screen프론트엔드 구현담당

   StyleAR 프론트엔드 · VUNex MLOps 라벨링 도구 · SAIP 26개 화면, 8개월 (2026.08 기준)

2. Field고객 요구사항 수집담당

   2개사 고객 미팅 · 데이터 위치와 담당자 확인 · 후속 미팅 조율

3. Data온톨로지 설계 · 고객 데이터 분석담당

   엔티티 타입 약 40 · 관계 약 70 · 매장 500개⁠+ 데이터의 결합 방식 설계

4. Adoption현장 적용: PoC · 데모 · 본사업조율

   S2W: PoC 2 · 본사업 1 · 고객 피드백에 따른 개선

5. Product제품 기획조율

   2025.08부터 SAIP 기획⁠·⁠디자인⁠·⁠개발 참여 · 제품 기획 3인

6. Incident장애 대응조율

   장애 접수 · 영업과 대응 방안 협의 · 오류 수정

7. BackendAPI · CRUD참여

   기본적인 API와 CRUD 구현

8. Infra배포 · 인프라실무 경험 없음

   서버⁠·⁠인프라 구성과 고객 폐쇄망 설치의 실무 경험 없음.

프로젝트별 기술

StyleAR

Vue2 · Vuex · HTML Canvas · WebGL · jQuery · Node.js · Express · MySQL

HyperChatbot

React · Redux · Styled-⁠Components

RISS

React · Recoil · Styled-⁠Components

스마트시티

Angular · SCSS · OpenLayers · React · Recoil · Styled-⁠Components

AI Camera

React · Recoil · Styled-⁠Components

VUNex AI

React · Zustand · TanStack Query · Styled-⁠Components · Tailwind CSS · WebRTC · HTML Canvas

VUNex MLOps

React · Zustand · TanStack Query · Tailwind CSS · HTML Canvas

AI 도구 사용

요구사항과 작업 단위를 정리한 뒤 AI 에이전트로 코드를 작성합니다. 생성된 코드와 실행 결과를 검토하고 수정합니다.

과정Process

요구사항⁠·⁠설계⁠·⁠검증

SAIP 고객 적용 과정에서 수행한 작업입니다.

1. 데이터 가공 기능 검토

   적용 사례 · SAIP현장 사용을 바탕으로 기능 구성을 검토

   현장 사용을 바탕으로 변환 노드 구성을 정리하자고 제안했고, 제품의 데이터 가공 흐름은 SQL과 Python 노드 중심으로 정리됐습니다. 플랫폼 데이터 현황을 확인하는 Overview 화면도 개발했습니다.

2. 추출 결과 검증

   적용 사례 · SAIP추출 결과와 원본 문서를 대조

   LLM으로 추출 결과와 원본을 대조하고, 불일치하면 다시 추출하는 흐름을 사용했습니다. 오류가 생기기 쉬운 테스트 데이터를 넣고 원본과 수동으로 비교했습니다. 확인한 20건 이상의 범위에서는 불일치가 발견되지 않았습니다.

3. 데이터 구조 설계

   적용 사례 · SAIP실적 보고를 7개 축으로 정리

   실적 보고를 7개 축으로 정리하는 온톨로지와 데이터 결합 방식을 설계했습니다. 해당 사례에서 월 70만⁠~⁠125만 row의 원천 데이터를 경영분석에 사용하는 월 200여 건으로 정리했습니다.

4. 보고서 구조 확인

   적용 사례 · SAIP표본 검토 후 담당자와 구조 확인

   3년치 보고서 100건 중 8⁠~⁠10건을 검토하고, 나머지 보고서에도 같은 구조가 적용되는지 실무 담당자와 확인했습니다. 조직별로 다른 데이터 구조와 표현 방식은 담당자와 확인해 처리 기준을 정리했습니다.

5. 문제 정의

   적용 사례 · SAIP실적 수치와 원인 설명을 함께 확인하는 업무

   고객사 담당자는 월별 실적을 수집하고, 변동이 큰 수치에 대한 설명을 관련 조직에 요청해 보고서를 작성했습니다. 수치와 설명의 근거를 함께 확인하는 기능이 필요했습니다.

프로젝트Projects

업무 프로젝트

현장 사례 · 온톨로지 플랫폼 · S2W2025.08 ~ 현재

SAIP

95%+경영분석 소요 시간 감소율고객 적용 사례 · 2026.07

SAIP는 S2W의 온톨로지 플랫폼입니다. 담당 업무는 프론트엔드 개발, 고객 요구사항 정리, 온톨로지⁠·⁠데이터 구조 설계입니다. 제품 기획은 3인이 함께 진행하며, 서버와 AI 에이전트는 동료들이, 폐쇄망 설치는 별도 팀이 담당합니다.

• 담당 업무프론트엔드 26개 화면 · 개발 기간 8개월 (2026.08 기준)
• 담당 업무온톨로지 스키마 설계 · 엔티티 타입 약 40 · 관계 약 70
• 협업3인 제품 기획 참여 · 고객 현장 적용 진행
• 동료 담당서버와 AI 에이전트
• 다른 팀폐쇄망 설치 · 프론트엔드 빌드 전달 담당
• 제품SAIP 도입 2개사 · 13개 팀 (제품 현황 · 2026.09)

SAIP 파이프라인 에디터. 왼쪽 팔레트에 소스·변환·출력 노드가 있고, 캔버스에서는 소스 노드가 여러 단의 변환 노드를 거쳐 출력 데이터셋으로 이어집니다. 데모 데이터입니다.크게 보기

SAIP 적용 사례 →

그 밖의 Innodep 프론트엔드 참여 프로젝트: 스마트시티 관제, 웹 VMS, AI 카메라.

경력Career2020 ~ 현재

재직 이력