웹 프론트엔드 개발자

손호언

LCP 11.9s → 1.2s, 응답 시간 17.53s → 46ms.

성능 개선을 위해 원인을 끝까지 파고들어 수치로 증명하는 프론트엔드 개발자입니다.

처음 마주하는 문제도 원인을 분석하고 트레이드오프를 고려해 실제 코드로 반영합니다.
curl · 서버 함수 트레이스 · React Profiler로 병목을 교차 검증합니다.
성능 최적화뿐 아니라 디자인 토큰 자동화 스크립트처럼 반복 작업을 줄여 개발 환경도 함께 개선합니다.

프로젝트 보기 이력서 다운로드

Highlights

주요 성과

17.53s → 46ms

SOC Portal 티켓 조회 응답 시간

dataState 상태 머신 설계로 49만 건 조회 최적화

11.9s → 1.2s

너 취향은 뭐냉 LCP

Lighthouse Performance 74 → 99

40.3ms → 27.1ms

Colio-Catch 채팅 리렌더 커밋

리렌더 카드 5~6개 → 1개, memo + useCallback

any 11 → 0

Colio StyleBuilder 타입 안정성

NodeProps / SelectedNode 타입 재설계

Projects

프로젝트

카드를 클릭하면 트러블슈팅 상세 페이지로 이동합니다.

17.53s → 46ms

SOC Portal

교보 DTS · 부트캠프 기업협업 프로젝트 · 2024.04 – 2024.06

SIEM에서 탐지된 1만+ 건의 로그 티켓을 관리하는 백오피스

ReactJavaScriptStyled-components+1

자세히 보기 →

11.9s → 1.2s

너 취향은 뭐냉

Plers · 2026.07 – 2026.09

평양냉면 취향 테스트 웹앱

Next.jsTypeScriptTailwind CSS+2

자세히 보기 →

40.3ms → 27.1ms

Colio-Catch

Plers · 2026.02 – 2026.07

AI 에이전트 대화 기반 채용 스크리닝 B2B SaaS

ReactTypeScriptTanStack Query+4

자세히 보기 →

any 11 → 0

Colio

Plers · 2025.04 – 2026.02

포트폴리오 기반 채용 제안 플랫폼

Next.jsTypeScriptEmotion+3

자세히 보기 →

Stack

기술 스택

능숙

ReactTypeScriptNext.jsTanStack QueryZustandEmotionTailwind CSSJestVite

협업

GitFigmaJira

Education

학력 · 활동

학력

한국외국어대학교 컴퓨터공학부 졸업

2021.03 – 2026.02

자격증

SQLDTOEIC Speaking AL

대외 활동

SKT플래닛 ASAC 부트캠프 수료2023.12 – 2024.07
테오의 스프린트2024.12 – 2025.01
한국외대 창업동아리 Plers2025.03 – 2026.09

Contact

연락처

Emaildeve1ophoni@gmail.com

GitHubgithub.com/honi31

Blogvelog.io/@honi31