🗼
▶ Section
Sinhu's Base
견고한 아키텍처와 사용자 중심의 인터페이스를 고민하는 프론트엔드 엔지니어 정신후입니다.
▶About Me
React 및 Next.js 생태계와 성능 최적화에 깊은 전문성을 가지고 있습니다. 복잡한 요구사항을 안정적이고 확장 가능한 시스템으로 구현하며, UI/UX 개선과 팀의 개발 생산성(DX)을 높이는 데 기여합니다.
최근에는 웹의 시각적 한계를 넘는 그래픽스 엔지니어링에 큰 흥미를 느끼고 있습니다. Three.js · React Three Fiber · WebGPU 등으로 3D 환경과 복잡한 차트를 웹 상에서 매끄럽게 구현하는 기술을 학습 중입니다.
지금 보고 계신 이 포트폴리오도 Next.js · Three.js · 자체 SVG로 직접 만들어 그래픽스 관심사를 실험 중입니다.
▶Currently Exploring
Three.jsReact Three FiberWebGPUPhaserCustom SVG VizLLM 파이프라인App Router 심화
▶Experience
- 🏢2025.05 — PresentFrontend Engineer한경닷컴
- ▸레거시 PHP 환경을 Next.js 14(App Router)로 전면 마이그레이션하여 SEO 및 초기 렌더링 성능 극대화.
- ▸AI(LLM)를 활용한 관리자 페이지 반복 스캐폴딩 자동화로 개발 공수 40% 절감.
- ▸기능 단위 아키텍처 도입으로 도메인 의존성 분리, 중복 코드 약 30% 제거.
Next.jsReactTypeScriptClaude API - 📚2024.10 — 2025.04Frontend Engineer도원이엔아이
- ▸디자인 시스템 도입과 Zod 기반 공통 스키마 검증으로 UI 일관성·런타임 안정성 확보.
- ▸FSD 아키텍처와 Next.js SSR/SSG로 초기 렌더링 속도 최적화.
- ▸SVG Sprite + Intersection Observer로 HTTP 요청 수 대폭 감소.
Next.jsTypeScriptZodJotaiTailwind - 💻2024.06 — 2024.09Frontend Engineer (Freelance)내일은 개발
- ▸프리랜서 프론트엔드 개발자로 웹 서비스 UI 구현 및 유지보수 수행.
ReactJavaScript - 🏛️2021.11 — 2023.12Frontend Engineer더존비즈온
- ▸강원도민 복지 플랫폼 프로토타입을 운영 환경으로 고도화 및 리팩토링.
- ▸Jest 단위 테스트로 회귀 버그 사전 방지.
- ▸React.lazy 코드 스플리팅 + Webpack 최적화로 빌드 1.5h → 30분.
ReactReduxWebpackJest
▶Skills
📜
Languages
TypeScriptJavaScript (ES6+)HTML5 / CSS3
⚛️
Frameworks
Next.js (App Router)React 18 / 19React QueryZodStorybook
🎨
State & Style
ZustandJotaiReduxTailwind CSSSCSSStyled-Components
🔧
Tools & Infra
DockerNginxAWS LightsailJenkinsWebpackJest
✨
Graphics (Learning)
Three.jsReact Three FiberWebGPUCustom SVG Viz