Kale's Portfolio

김한결

Front-End Developer

6년 이상 경력의 프론트엔드 개발자 | AI/LLM 프로젝트 주도 개발 경험 | 마이그레이션 & 성능 최적화 경험

6년 이상 경력의 프론트엔드 개발 경험을 보유한 개발자입니다.

Cursor와 MCP를 활용한 바이브 코딩을 즐기며, 특히 Figma MCP를 활용하여 디자인을 코드로 빠르게 전환하는 퍼블리싱이 가능합니다. AI 도구를 적극 활용하여 개발 생산성을 높이는 것에 관심이 많으며, 전통적인 수동 코딩 방식보다 수 배 빠른 개발 속도를 경험하고 있습니다.

React, Angular 등 다양한 프레임워크를 다뤄보았으며, 특히 마이그레이션 프로젝트와 새로운 기술 도입에 강점이 있습니다.

최근 AI/LLM 프로젝트(음성인식, RAG, AI Agent)를 주도적으로 개발하며 최신 기술 트렌드를 프로젝트에 반영하고 있습니다.

제품에 대한 깊은 이해와 원만한 소통을 바탕으로 비즈니스 가치를 창출하는 개발을 추구합니다.

김한결

What I Can Bring to Your Team

회사에 기여할 수 있는 핵심 가치와 경험

🤖

AI/LLM 프로젝트 주도 개발 경험

현 회사에서 음성인식, RAG, AI Agent 등 최신 AI 기술을 활용한 프로젝트들을 주로 담당해왔습니다. 회사의 AI 서비스 확장에 기여할 수 있는 경험을 보유하고 있습니다.

🔄

마이그레이션 & 기술 도입 경험

Angular → React 마이그레이션을 외부 라이브러리 없이 완료한 경험이 있습니다. 레거시 시스템을 현대적인 기술 스택으로 전환하는 데 강점이 있습니다.

💻

백엔드 이해도 & 커리어 전환 의지

Node.js, Spring Boot 등 백엔드 기술에 대한 이해가 있으며, 백엔드 개발자로의 커리어 전환이나 다른 포지션으로의 전향에 매우 열려있습니다. 전체 시스템을 고려한 개발 관점을 가지고 있습니다.

🤝

비즈니스 이해도 & 소통 능력

영업 경험을 바탕으로 한 비즈니스 이해도와 소통 능력으로, 개발자와 기획자/디자이너 간의 원활한 협업을 이끌어냅니다.

Experience

My professional journey

마음AI

Frontend Developer

2023.08 - Present

  • 음성인식 API를 활용한 실시간 다국어 번역 시스템 구축 - 소켓 통신으로 지연시간 최소화
  • LLM 엔진별 설정 테스트가 가능한 ChatPlay 플랫폼 메인 개발 - 개발 생산성 30% 향상
  • RAG 모델 기반 LLM 채팅 시스템 구현 - 벡터 DB 연동 및 컨텍스트 관리
  • 다중 디바이스 대응 Builder 시스템 개발 (PC/Kiosk/Mobile) - Admin 설정 기반 동적 UI 구성
  • Canvas API를 활용한 지도 기반 시각화 Tool 개발 - 복잡한 지리 정보 시각화
  • 로봇 제어를 위한 안드로이드 웹뷰 개발 - 하이브리드 앱 아키텍처 설계
  • RMS(로봇 제어 시스템) 개발 참여 - MQTT 프로토콜을 활용한 로봇 상태 수신 및 제어 중간 역할 개발

주요 성과

  • AI 서비스 프론트엔드 아키텍처 설계 및 구현
  • 실시간 소켓 통신 최적화로 응답 속도 개선
  • MQTT 기반 로봇 제어 시스템 개발로 IoT 연동 경험 확보
ReactRecoilTypeScriptViteNode.jsSocket.ioMQTTCanvasRAGLLMGit

위시빈

Frontend Developer

2022.10 - 2023.05

  • Angular 프레임워크로 개발된 코드 분석 및 유지보수
  • 네이버, 카카오, 애플, 구글, 페이스북 소셜 로그인 연동
  • 출석체크 이벤트 프로모션 담당 개발
  • Next.js, React-Query, Zustand를 활용하여 SSR적용 토이프로젝트 진행
  • SEO 최적화를 위해 메타 태그 분석 및 프리렌더링 효과 R&D

주요 성과

  • 소셜 로그인 연동으로 회원가입 10% 증가
  • 출석체크 이벤트 구현으로 순간 유입량 20% 증가

퇴직 사유

경영악화로 인한 전체 권고사직

AngularRxjsGitNext.jsReact-QueryZustand

아토리서치

Frontend Developer

2021.05 - 2022.09

  • 외부 라이브러리 없이 Angular → React 마이그레이션 완료 - 코드베이스 100% 자체 구현
  • Verdaccio 기반 내부 컴포넌트 라이브러리 구축 - 재사용성 향상 및 개발 속도 개선
  • Webpack, Babel을 활용한 React 보일러플레이트 구축 - 팀 개발 표준화
  • 모노레포 아키텍처 설계 및 구현 - 서비스 분리 및 독립 배포 환경 구축
  • Linux Ubuntu 서버 Nginx 설정 및 프론트엔드 배포 파이프라인 구축 - CI/CD 자동화

주요 성과

  • 레거시 시스템을 현대적 기술 스택으로 성공적으로 전환
  • 팀 내 온프레미스 npm 라이브러리 관리 시스템 구축으로 개발 속도 개선
ReactRedux-ToolkitWebpackBabelVerdaccioNginxMonorepo

잉카인터넷

Frontend Developer

2019.08 - 2021.04

  • React로 구성된 Admin 사이트 유지보수
  • Mobx를 이용하여 상태관리
  • Class 컴포넌트를 함수 컴포넌트로 리팩토링
  • Legacy 코드 전체 리팩토링
  • Ant Design을 활용하여 빠른 스타일링으로 Admin 리팩토링

주요 성과

  • Class 컴포넌트를 함수 컴포넌트로 리팩토링하여 유지보수성과 가독성 향상
  • Ant Design 활용으로 스타일링 효율 향상
ReactMobxAnt Design

경진에셋

지점장

2016.03 - 2018.06

  • 신도림사업단에서 사업단장으로 영업지점관리 및 직원들 영업교육 담당
  • 구로사업단에서 부사업단장으로 영업지원 및 총무업무 겸임
  • 본사 을지로지점에서 총무업무 겸임
  • 손해보험, 생명보험, 변액보험 자격증 직접취득하여 직원들 자격증 취득 독려 및 교육

주요 성과

  • 직원 관리 업무를 통해 커뮤니케이션 스킬 향상
영업관리총무직원 관리 및 교육

Projects

What I've built

AngelHack 해커톤 참가

2020.07

장터 앱 만들기 프로젝트 참여 (구성원: 디자이너1, 백엔드2, 프론트엔드2)

React NativeReduxNode.jsGit

React & Spring Boot 게시판

2020.11

백엔드와 협업의 이해도를 높이기 위한 Toy Project

ReactSpring BootMybatisMySQL

전자칠판 구현

2022.02

Web Socket과 Vanilla JS를 활용하여 전자칠판 구현

JavaScriptWebSocket

RAG 및 AI Agent 개발

2025.02

개인 공부로 이력서 피드백이 가능한 RAG챗봇 및 AI Agent 개발

ReactLangChainGeminiChromaDBetc

개인 홈페이지 구현

2025.02

SEO 연습 겸 이력서 용도로 구현한 홈페이지

ReactNext.jsTailwind CSS

Skills

My technical skills

Frontend

Basic

HTMLCSS(SCSS)JS(ES6+)TypeScript

Framework

React.jsNext.jsAngular

State Management

Redux(toolkit)RecoilJotaiReact-Query

Styling

EmotionStyled-ComponentTailwind CSSMuiBootstrapAntd

Bundler

WebpackVite

AI & LLM

LLM & Agent

LangChainRAGAI AgentMCP

AI Tools

Gemini APIOpenAI APIChromaDBVector DB

Backend

이해도 있음 (큰 서비스 운영 경험은 부족)

Technologies

Node.jsSpring BootSocket.ioRESTful API

DevOps

GitGithubSourctreeJenkinsAWSGit HookNginx

Collaboration

SlackJiraConfluenceVS CodePrettierEslintHuskylint-staged

Other Skills

Python CrawlingReact NativeSQLiteCanvas API

About Me

Let me introduce myself

비즈니스 이해도와 소통 능력

영업 경험을 통해 쌓은 비즈니스 이해도와 소통 능력으로, 개발자와 기획자/디자이너 간의 원활한 협업을 이끌어냅니다. 제품의 비즈니스 가치를 이해하고 기술적 솔루션으로 구현하는 데 강점이 있습니다.

최신 기술 트렌드 반영

AI/LLM 프로젝트를 주도적으로 개발하며 최신 기술 트렌드를 프로젝트에 잘 반영하고 있습니다. RAG, AI Agent, MCP 등 차세대 기술을 실제 프로젝트에 적용한 경험이 있어, 회사의 기술 혁신에 기여할 수 있습니다.

레거시 시스템 현대화 경험

Angular → React 마이그레이션을 외부 라이브러리 없이 완료한 경험이 있습니다. 레거시 시스템을 현대적인 기술 스택으로 전환하여 유지보수성과 개발 생산성을 향상시키는 데 경험이 있습니다.

백엔드 이해도 & 커리어 전환 의지

Node.js, Spring Boot 등 백엔드 기술에 대한 이해가 있으며, 전체 시스템을 고려한 개발 관점을 가지고 있습니다. 큰 서비스를 직접 운영해본 경험은 아직 부족하지만, 백엔드 개발자로의 커리어 전환이나 다른 포지션으로의 전향에 매우 열려있습니다. 새로운 도전을 통해 성장하고 기여할 준비가 되어있습니다.

Certificates

정보처리기사

Certificate No. 19201021355V

한국산업인력공단

2019. 05.22

SQLD

Certificate No. SQLD-0310580

한국데이터베이스진흥센터

2018. 12.09

리눅스마스터 2급

Certificate No. LMS-1804-002188

한국정보통신인력개발센터

2018. 12.09

Education

한국외국어대학교

2011.02 - 2015.02

중앙아시아학과 (우즈베키스탄어 전공)

국제경영학 부전공

• GPA: 3.74 / 4.5

우즈베키스탄 교환학생 및 코트라 인턴 수료

홍콩에서 인턴경험

에이콘아카데미

2019.03.12 - 2019.08.02


프론트엔드(ReactJS, AngularJS) 개발을 위한 자바(JAVA)웹개발자 양성과정

• 최종 프로젝트: 오늘의집 Q&A게시판 Spring 구현

Contact

Let's get in touch

새로운 기회나 협업에 관심이 있습니다.
언제든 연락 주시면 감사하겠습니다.