Kale's Portfolio

김한결

Front-End Developer

자바스크립트를 주 언어로 사용하는 프론트엔드 개발자입니다.

최선의 구조를 설계하기 위해서는 제품에 대한 이해도가 가장 중요하다고 생각합니다.

그리고 제품의 이해도를 높이기 위해서는, 타인과의 원만한 소통이 매우 중요하다고 생각합니다.

React를 활용한 화면구현에 가장 익숙합니다.

최근에는 MCP와 AI Agent를 활용하여 Vibe 코딩하는 것에 관심이 많습니다.

김한결

About Me

Let me introduce myself

저는 한국외국어대학교에서 중앙아시아학을 전공하고 국제경영학을 부전공하며 다양한 해외 경험을 쌓았습니다.

졸업 후에는 약 2년 반 동안 영업직으로 근무하며 비즈니스 커뮤니케이션 능력을 키웠습니다. 비록 개발 직군과 직접적인 연관성은 없지만, 이 경험을 통해 얻은 소통 능력과 문제 해결 능력은 현재 개발자로서의 업무에도 큰 도움이 되고 있습니다.

5년 이상의 프론트엔드 개발 경험을 통해 React, Angular 등 다양한 프레임워크를 다뤄왔으며, 특히 마이그레이션 프로젝트와 새로운 기술 도입에 강점이 있습니다. 현재는 마음AI에서 음성인식 및 LLM 관련 프로젝트들과 백오피스 만들기 등을 진행하고 있습니다.

저는 Git을 사용한 형상관리에 익숙하며 여러 팀원들과의 협업 시 이를 이끌어 나갈 능력이 있습니다.

개발자의 미래가 빠르게 변화하고 있지만, 아직 제가 할 수 있는 부분이 많다고 생각되며, 앞으로도 풀스택 개발자를 목표로 계속해서 발전해 나가고자 합니다.

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 구현

Experience

My professional journey

마음AI

Frontend Developer

2023.08 - Present

  • Speech recognition api를 활용하여 음성인식 기능 구현
  • 한국어로 음성 발화 시 목적 언어로 번역되도록 소켓 통신 구성 (Node.js)
  • 서버에서 번역된 언어를 화면에 보여주고 클릭 시 각 언어에 맞게 발화하도록 구현
  • Admin에서 세팅한 값대로 화면을 구성할 수 있는 Builder 구현 (PC, Kiosk, Mobile)
  • LLM 엔진별로 config값 세팅하여 바로 테스트 채팅할 수 있는 ChatPlay 메인개발
  • RAG 모델 생성하여 LLM 채팅 가능하도록 구현
  • Canvas를 활용하여 지도 위에 다양한 표시를 할 수 있는 Tool 개발
  • 로봇 제어를 위한 안드로이드 웹뷰 개발 및 프론트엔드 개발
ReactRecoilTypeScriptViteNode.jsSocket.ioCanvasGit

위시빈

Frontend Developer

2022.10 - 2023.05

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

아토리서치

Frontend Developer

2021.05 - 2022.09

  • 외부 라이브러리 사용없이 Angular > React 프로젝트 마이그레이션
  • Verdaccio 라이브러리로 내부 컴포넌트 배포
  • Webpack, Babel 등을 활용하여 React 보일러플레이트 구축
  • 모노레포 구성 및 서비스 분리 방법 R&D
  • Linux Ubuntu 서버에 Nginx 셋팅 후 프론트엔드 배포 환경 구성
ReactRedux-ToolkitWebpackBabelVerdaccioNginx

잉카인터넷

Frontend Developer

2019.08 - 2021.04

  • React로 구성된 Admin 사이트 유지보수
  • Mobx를 이용하여 상태관리
  • Legacy 코드 전체 리팩토링
  • Ant Design을 활용하여 빠른 스타일링으로 Admin 리팩토링
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

DevOps

GitGithubSourctreeJenkinsAWSGit Hook

Collaboration

SlackJiraConfluenceVS CodePrettierEslintHuskylint-staged

Other Skills

Python CrawlingReact NativeSQLiteGist

Contact

Let's get in touch

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