안녕하세요,
개발자 김지훈입니다.

1인 개발자로서 다양한 서비스를 개발하고 있습니다.

직접 기획부터 운영까지 경험을 쌓아왔습니다.

지훈 아이콘spde3289
Tech Stack

기술 스택 및 도구

기술스택

언어

JavaScriptTypeScriptHTML5

프론트엔드

ReactNext.js

스타일링

CSS3Tailwind CSSEmotionStyled-components

상태관리

ZustandRecoilTanStack Query

개발 도구

HuskyESLintPrettier

인프라 및 배포

VercelAWS

도구

FigmaNotionSlackDiscord
Projects

프로젝트

메이플 헬퍼

메이플 헬퍼

2024.10 - 진행중

메이플스토리 유저들의 불편함을 타겟팅한 종합 유틸리티 서비스입니다. 게임 플레이의 질을 높여주는 필수 편의 기능들을 제공합니다

Next.jsTypeScriptTailwind CSSNexon Open API
팀 프로젝트: 글로벌 노마드

팀 프로젝트: 글로벌 노마드

2025.01 - 2024.02

체험 상품의 탐색부터 예약, 관리까지 지원하는 통합 플랫폼입니다. 지도 및 캘린더 SDK를 적극 활용하여 직관적이고 편리한 사용자 경험(UX)을 구현하는 데 집중했습니다.

Next.jsTanStack QueryZustandTailwind CSS
팀 프로젝트: 더 줄게

팀 프로젝트: 더 줄게

2025.12 - 2026.01

일반 회원과 사장님 계정별로 구분된 서비스를 제공하는 플랫폼입니다. 복잡한 다중 사용자 비즈니스 로직을 효과적으로 분리하고 처리하는 아키텍처 설계에 집중했습니다.

Next.jsTanStack QueryZustand
팀 프로젝트: 팬텀케이

팀 프로젝트: 팬텀케이

2025.11 - 2025.11

편리하고 즐거운 팬덤 활동을 위한 종합 플랫폼입니다. 실시간 차트 확인부터 투표, 후원까지 팬들의 니즈를 충족시키는 핵심 서비스들을 구축했습니다.

ReactRecoilStyled-components
실시간 채팅 서비스

실시간 채팅 서비스

2024.04 - 2024.05

원활한 사용자 문의 응대를 목적으로 개발된 실시간 채팅 플랫폼입니다. 실시간 양방향 소통 기능을 구현하여 서비스 이용자의 불편사항을 즉각적으로 해소할 수 있는 환경을 구축했습니다.

Socket.ioExpressReact
디스코드 봇 (몬스터헌터)

디스코드 봇 (몬스터헌터)

2024.02 - 2024.02

게임 중 브라우저를 켜야 하는 유저의 불편함을 타겟팅했습니다. 구글링이 필수적인 정보들을 디스코드 명령어 하나로 통합해 유저 편의성을 획기적으로 높였습니다

Node.jsDiscord.jsAWS (EC2)
디스코드 봇 (메이플스토리)

디스코드 봇 (메이플스토리)

2023.09 - 2023.10

유저 요청 즉시 웹 데이터를 실시간 크롤링하여 정보를 제공합니다. 동적 렌더링 환경의 이미지 누락 이슈를 예외 처리하여 서비스 안정성을 높였습니다.

Node.jsDiscord.jsAWS (EC2)
팀 프로젝트: 침플래닛

팀 프로젝트: 침플래닛

2023.02 - 2023.08

170만 유튜버의 팬카페 구인구직 정보 통합 플랫폼입니다. 반응형 UI를 적용한 사용자 서비스부터 비개발자용 백오피스를 구축해 서비스 완성도를 높였습니다.

ReactStyled-componentsReact QueryRecoil
Interview

인터뷰

Q. 개발자를 시작하게 된 계기가 무엇인가요?

A. 사용자의 불편함을 해결하며 서비스와 함께 성장하는 과정에 매료되었습니다. 내가 작성한 코드가 실제 서비스가 되어 사용자의 불편함을 해소하고, 그 과정에서 저 또한 어제보다 성장한다는 사실에 큰 성취감을 느낍니다. 이러한 즐거움 덕분에 팀 프로젝트 '침플래닛'부터 디스코드 봇, 웹소켓 채팅 구현, 그리고 현재 운영 중인 '메이플 헬퍼'까지 다양한 서비스를 주도적으로 개발해 왔습니다. 특히 출시 후 유저들의 피드백을 반영해 서비스를 지속적으로 개선하고 확장해 나가는 과정에서 개발자로서 가장 큰 희열을 느낍니다.

Q. 프로젝트를 하면서 가장 인상 깊었던 상황을 말해주세요

A. '메이플 헬퍼'를 리팩토링하며 기술적 이상과 현실적인 서비스 운영 사이의 균형을 배웠습니다. 초기에는 기술 부채를 완벽하게 없애고 싶어 전면적인 코드 수정을 시도했습니다. 하지만 작업 범위가 예상보다 훨씬 커지면서, 정작 중요한 서비스 확장은 멈춰버리는 시행착오를 겪었습니다. 이 과정을 통해 리팩토링의 목적은 개발자의 자기만족이 아니라, 서비스의 지속 가능성에 있어야 함을 깨달았습니다. 완벽한 코드를 위해 모든 걸 뜯어고치기보다, 비즈니스 목표(수익화, 확장)에 치명적인 걸림돌이 되는 문제부터 해결하고 나머지는 과감하게 넘어가는 '이유 있는 리팩토링'을 실천하게 되었습니다.

Q. 개발 과정에서 마주쳤던 가장 까다로운 기술적 문제는 무엇이었으며, 어떻게 해결했나요?

A. Next.js 기반 블로그를 개발하며 겪은 렌더링 성능 이슈입니다. 초기에는 클라이언트(런타임)에서 Markdown을 HTML로 변환하는 방식을 사용했습니다. 하지만 게시글이 늘어날수록 브라우저의 연산 비용이 급증했고, 목록 페이지 로딩에 평균 761ms가 소요되는 심각한 성능 저하가 발생했습니다. 이 문제를 해결하기 위해 변환 시점과 데이터 구조를 단계적으로 개선했습니다. 1. 1차 개선 변환 시점을 빌드 단계로 옮겨 미리 HTML과 메타데이터가 포함된 JSON을 생성했습니다. 로딩 시간은 24ms로 단축되었으나, HTML 본문이 포함된 거대 JSON으로 인해 불필요한 네트워크 트래픽이 발생하는 문제가 생겼습니다. 2. 2차 개선 본문(HTML)과 메타데이터(JSON)를 물리적으로 분리했습니다. 파일 용량 문제는 해결했지만, 모든 게시글의 정보를 하나의 posts.json에 담다 보니 게시글이 늘어날수록 메타데이터 파일 자체가 비대해지는 확장성 문제가 남았습니다. 3. 최종 개선 필요한 데이터만 가져올 수 있도록 메타데이터를 카테고리별/게시글별로 잘게 쪼개어 저장하는 구조로 변경했습니다. 결과적으로 목록 페이지 로딩 시간을 초기 761ms에서 20ms 내외로 약 97% 단축했습니다.
History

교육 및 경력

Education

2025.09 - 2026.02

스프린트 부트캠프

프론트엔드 부트캠프 과정 수료

2021.12 - 2022.06

국비 지원 교육 과정

웹 개발 기초 과정

2019.03 - 2021.02

동양미래대학교

전기공학과 졸업

Career

2016.12 - 2020.12

고려기연

전기/기계 팀

장비 제조 및 전기 회로 설계 담당