하는 프론트엔드 한상일입니다.
기존 상황에서 개선 가능한 부분을 찾고 고쳐내는걸 중시 합니다.
개발 이외에도 성능 최적화, 문서화 등 협업으로 빠르게 문제를 해결하는 걸 선호합니다.
여러 부분에 대해 제안하고 실행하여 더 개선된 서비스나 개발 문화 발전에 기여하고자 합니다
핵심 역량
주도적으로 항상 문제 개선을 제안하고 해결을 추진합니다.
문제 해결 및 개선 주도
먼저 문제를 찾고 개선을 제안 또는 도입을 주도
- 레거시 개선, UI/UX 불편 요소 식별 → 구조적 리팩토링 및 기술 도입 제안
- Notion으로 API 문서화, 디자인 가이드 개선 등 지속 가능한 작업 환경 구축에 기여
- Git Flow 도입 등 개발 문화에 대한 변화를 제안/주도
실전 기반 성능 개선 경험
레거시 (APEHEX) → 컴팩트머신 프로젝트에서 개선
- LCP 30초 → 1초, 리소스 1400개 → 50개, Lighthouse NO_FCP → 76점 개선
- React + 코드 스플리팅 + 캐싱 도입 등으로 레거시 대비 성능 개선
- 내부 백오피스 배포 후 7개월간 주 사용부서에서 속도 관련 불만 0건 유지
프론트엔드 중심의 풀스택 업무 경험
프론트엔드와 백엔드를 개발을 전담하며 진행
- React, Typescript, TailwindCSS, Express, GCP 기반의 프로젝트 개발 및 유지 보수
- Express + GCP + SQL 를 학습과 동시에 프로젝트에 즉각 적용.
- 약 10인 규모 개발팀 환경에서 기획/개발/배포 전과정 주도적 수행
사용 기술
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 + Jquery 기반의 레거시 백오피스 → React로 재구축과 UI/UX를 개선한 프로젝트입니다.
Skill:
상세 페이지 바로가기
프로젝트 명 : Compact-Machine
기간: 2024.01 - 2025.03 (약 1년 2개월)
인원: 5명 회사 프로젝트
담당: 유일한 풀스택 개발, GCP 배포 전담
약 180개 대리점의 데이터를 내부 부서가 조회/관리, 개발된 내부 백오피스 프로젝트입니다.
Skill:
상세 페이지 바로가기
프로젝트 명 : Steamrader
기간: 2025.04 - 2025.05 (약 1개월)
인원: 1인 개인 프로젝트
담당: 프로젝트 전수 진행
Next.js 학습 목적, Steam의 API로 리뷰 5,000건 이상 + 15% 이상 할인하는 게임 리스트를 제공하는 프로젝트
Skill:
