하는 프론트엔드 한상일입니다.
기존 상황에서 개선 가능한 부분을 찾고 고쳐내는걸 중시 합니다.
개발 이외에도 성능 최적화, 문서화 등 협업으로 빠르게 문제를 해결하는 걸 선호합니다.
여러 부분에 대해 제안하고 실행하여 더 개선된 서비스나 개발 문화 발전에 기여하고자 합니다
핵심 역량
주도적으로 항상 문제 개선을 제안하고 해결을 추진합니다.
제안과 정착 주도
먼저 문제를 찾고 개선을 제안하거나 도입을 주도합니다.
레거시 개선, UX 개선, API 문서화 등에서 문제를 스스로 찾고 개선 주도
TailwindCSS + DaisyUI 도입, 기능 단위 컴포넌트 분리, API 문서화 체계 제안 등
단순히 구현을 넘어서 팀 문화와 구조적 개선에 기여
실전 기반 성능 개선 경험
레거시 (APEHEX) → 컴팩트머신 프로젝트에서 개선했습니다.
LCP 47초 → 1초 / 리소스 1400개 → 50개 / Lighthouse NO_FCP → 76점 개선
React + 코드 스플리팅 + 캐싱 도입 등으로 레거시 대비 성능 개선
MVP 배포 후 7개월간 주 사용부서에서 속도 관련 불만 0건 유지
풀스택 실무
프론트엔드와 백엔드를 혼자서 개발을 전담하며 진행했습니다
React, Typescript, Express, GCP 기반의 3개 프로젝트 개발 및 유지 보수
Express, SQL, GCP를 학습과 동시에 프로젝트에 즉각 적용하며 개발
기획 → 개발 → 배포 경험, 유지 보수 실무 포함
사용 기술
Express
Prisma
Supabase
MySQL
Vercel
GCP
React
Next.js App Router
Typescript
TailwindCSS
Zustand
React-Hook-Form
Tanstack/react-query
경력 사항
킴스인더스트리
2022.12 - 2025.03 [약 2년 4개월]
R&D 소프트웨어 2팀 프론트엔드 개발자
수제 담배를 만드는 기계를 제조 및 판매하는 B2B 기업입니다.
- 기존 EJS + Jquery에서 React + Typescript로 전환을 주도, 이후 프로젝트 모두 React 환경으로 진행하며 정착.
- React, Typescript, Express, GCP 기반으로 MVP 서비스를 개발하고, 배포 및 유지 보수까지 직접 수행.
- 혼용된 (전역 CSS 3만 줄 + Bootstrap + 인라인 스타일) 환경을 TailwindCSS + DaisyUI로 통일하여 유지 보수성을 향상.
- 기존 디자인 가이드에 사용 색상 정보가 누락되어 디자이너와 협의하여 HEX 코드를 가이드에 반영 후, 이후 프로젝트에서 반영.
- API 문서화가 없어 직접 제안했고, 팀과 Swagger 과 Notion 중 검토 후 Notion을 도입, 이후 2개 프로젝트에 정착.
진행한 프로젝트
상세 페이지 바로가기
프로젝트 명 : AFO
기간: 2023.03 - 2023.09 (약 6개월)
인원: 7명 회사 프로젝트
담당: 유일한 풀스택 개발, GCP 배포 전담
기존 EJS로 구축된 백오피스 서비스를 React로 재구축과 UX의 개선을 병행하는 프로젝트
Skill:
상세 페이지 바로가기
프로젝트 명 : Compact-Machine
기간: 2024.01 - 2025.03 (약 1년 2개월)
인원: 7명 회사 프로젝트
담당: 유일한 풀스택 개발, GCP 배포 전담
국내 약 180개 대리점의 생산 등 데이터를 내부 부서가 조회 + 활용 목적의 백오피스 프로젝트
Skill:
상세 페이지 바로가기
프로젝트 명 : Steamrader
기간: 2025.04 - 2025.05 (약 1개월)
인원: 1인 개인 프로젝트
담당: 프로젝트 전수 진행
Next.js + Supbase 학습 목적, Steam의 API로 리뷰 5,000건 이상 + 15% 이상 할인하는 게임 리스트를 제공하는 프로젝트
Skill:
