About Me

주변의 문제를 해결하기 위해 호기심으로 눈에 보이는 것 이상을 파고드는 개발자 김지환입니다.

• 궁금한 것이 생기면 업무 완수 후 느리거나 막히더라도 끝까지 탐구합니다.
  • 이미지 최적화를 위한 AWS S3 Object Lambda 아키텍처를 도입하여 외부 전송 데이터량을 15% 이상 절감하고, 꾸준히 개선하였습니다.
• 주변의 어려움을 어떻게 우아하게 해결할 수 있을지 고민합니다.
  • Agent Workflow를 많이 이용하며, PR, Review, Linear 연동 Skill을 만들고 Git Worktree 병렬 작업을 통해 생산성을 2배 이상 향상합니다.
• 새로 알게 된 내용을 정돈된 글로 남기는 것을 좋아합니다.
  • 블로그 및 노션에 꾸준히 기록하고 PR, Issue, Review를 읽기 쉽게 쓰려 노력합니다.
• 팀원들과 적극적으로 의논하며 함께하는 성장을 추구합니다.
  • 2년 이상 개발동아리 운영진으로 활동하며 9개의 강의, 12개의 기술 스터디를 진행하였습니다.

Contact

Resume : https://turtlehwan.notion.site

Email : [email protected]

Github : https://github.com/Turtle-Hwan

Tech Blog : https://turtle-hwan.tistory.com

LinkedIn : https://www.linkedin.com/in/turtlehwan

Portfolio : https://turtlehwan.notion.site/portfolio

Skill

Front-End

• Language : Javascript & Typescript / Framework, Library : Next.js | React
  • Style : styled-component | emotion | tailwindcss | shadcn/ui | mui | Storybook
  • State : Zustand | Recoil | TanStack Query / Testing : Jest | Playwright

Infrastructure

• AWS (EC2, S3, Lambda, Cloudfront, ECR, Route53)
• GitHub Actions / Docker

Career

당근마켓(daangn) | Frontend Engineer

운영개발팀 고객 문의 WebView, 사내 CS 자동화, CS 챗봇, Agentic AI 플랫폼 구축 및 UX 고도화 | 2025.12.22 - 2026.03.20 (Intern, 3개월)

팀 내 유일 FE로 20명 이상의 BE, ML, PM, OM 분들과 일하며 소통과 공유의 중요성을 깨달았고, AI로 해결할 수 없는 맥락을 빠르게 흡수하고 이해하는 능력을 길렀습니다.

• Claude Code, Codex로 Linear Issue 단위 계획 수립 이후 Git worktree에서 하위 이슈들을 병렬로 개발하는 workflow를 적극 활용
  • 3개월 동안 800+ commit, 140+ PR으로 생산성 극대화 및 빠른 실행, QA, 개선 루프 달성
  • PR, Review, Linear 등 여러 스킬을 개선하고 새로 만들어 공유하며 팀 생산성 향상에 기여

사내 Multi-Agent LLM 플랫폼(KAMP) UX 고도화 React Typescript FastAPI

• 분산된 예외 처리 로직을 UI 렌더링 측면에서는 React Error Boundary, API 측면에서는 Axios Interceptor를 이용해 전역 핸들링 및 중앙화
• 프로젝트 메타데이터 및 상세 정보 수정 플로우를 3 depth → 1 depth 인라인 에디팅 구조로 개선
• Tanstack Table 도입하여 여러 개별 테이블 추상화 및 정렬, 다중 필터 기능 적용
• 검색 결과 하이라이팅, Tool 카드에 Tool Type 뱃지로 시각화, 즐겨찾기 시각화, 그래프 첫 로딩 전체보기, 모델 사용 통계 대시보드 제작
• 사용 가능한 API 및 Docs 연결하여 그래프 UI 조작 없이 자연어로 Agentic Workflow 구축 가능한 도우미 AI 챗봇 초기 형태 제작

고객센터 WebView 개발 및 CS Agent UX 고도화 (화면 상세) React Typescript

나의 당근 > 고객센터에 들어온 유저가 당근 챗봇이 어떤 일을 할 수 있는지 잘 모르고, 문의하기와 상담원 연결만 찾게 되는 악순환 개선

• 기존 카테고리 Chip 단순 나열, 선택 이후 단일 화면에서 FAQ 출력, 대화 도중 Chip 선택으로 돌아갈 수 없으며 화면을 나갔다 와야 하는 문제 발견
  • Chip 나열 상태와 Chip 선택 상태를 분리하고 캐러셀 UI로 다양한 선택지를 유저에게 바로 노출시켜 챗봇이 어떤 일을 할 수 있는지 명확히 제시
  • 바텀시트 FAQ 화면에 유저가 자주 묻는 질문들을 배치하고, 카테고리 별 구분을 두어 다른 카테고리도 유저가 부드럽게 넘어갈 수 있도록 유도
  • 캐러셀 및 바텀시트 내의 모든 항목은 manifest json 형태로 한 곳에서 관리하여 개발자가 아닌 OM, PM 분들의 수정 반영이 쉽도록 구현
• 챗봇과 대화한 기록 확인이 불가한 문제 해결을 위해 이전 대화 목록 추가