🔥 About Me

안녕하세요, 꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 입니다.

🧑‍💻 My Open Source Projects

react-head-safe

A lightweight SEO optimization library that resolves meta tag duplication issues in react-helmet-async

react-device-check

Lightweight React hooks for accurate device and OS detection — zero dependencies, works in both React and Next.js

🌍 Open Source Contribution

toss / es-toolkit

• ✨ PR #1159 - ary 함수 벤치마크 추가
• ✨ PR #1197 - identity 함수 벤치마크 추가
• ✨ PR #1273 - take 함수 JSDoc 및 벤치마크 추가
• ✨ PR #1695 - map·set 모듈의 누락된 forEach/countBy export 추가

mdn / translated-content

• ✨ PR #29197 - MDN Right shift (>>) 신규 번역
• ✨ PR #29279 - MDN typeof 문서를 영어 원문과 동기화
• 🌱 PR #29314 - MDN for...of 문서 영어 원문과 동기화
• ✨ PR #29417 - MDN Set 문서를 영어 원문과 동기화
• 🌱 PR #29429 - MDN matchmedia 영어 원문과 동기화
• 🌱 PR #29457 - MDN Fetch API 영어 원문과 동기화
• ✨ PR #29482 - MDN ::first-letter 문서를 영어 원문과 동기화
• ✨ PR #29737 - MDN Window: requestAnimationFrame() method 영어 원문과 동기화
• ✨ PR #29831 - MDN Document: DOMContentLoaded 이벤트 영어 원문과 동기화
• ✨ PR #29895 - MDN Document: Response: Response() constructor 신규 번역
• ✨ PR #29925 - MDN Document: Response: headers property 신규 번역

toss / Frontend Fundamentals

• ✨ PR #207 - 이미지 예시를 코드 블록으로 변경, 설명 문구 개선
• ✨ PR #211 - 이미지 경로 수정으로 렌더링 문제 해결
• ✨ PR #380 - 이미지 파일 import 시 타입 에러 해결 방법 추가

react-query-tutorial

• ✨ PR #41 - 문체 변경 및 cacheTime 초기화 내용 추가

daangn / stackflow

• ✨ PR #603 - ActivityComponentType에 import type 적용으로 런타임 에러 방지

Nextjs 한글 문서

• ✨ PR #158 - ExternalImage의 baseUrl 수정으로 이미지 출력 문제 해결

React Hook Form 한글 문서

• ✨ PR #100 - 중복된 <Component {...pageProps} /> 제거로 중복 렌더링 문제 해결

NaverPayDev / hidash

• ✨ PR #250 - README의 CI 배지 URL 수정
• ✨ PR #252 - isArray 함수 테스트 및 벤치마크 추가
• ✨ PR #253 - isFunction 함수 벤치마크 추가
• ✨ PR #254 - before 함수 벤치마크 추가
• ✨ PR #262 - first 함수 벤치마크 추가
• ✨ PR #265 - isMap 함수 테스트 및 벤치마크 추가
• ✨ PR #268 - last 함수 벤치마크 추가
• ✨ PR #270 - isNumber 함수 벤치마크 추가
• ✨ PR #271 - reverse 함수 벤치마크 추가
• ✨ PR #272 - once 함수 JSDoc 및 벤치마크 추가
• ✨ PR #277 - isError 함수 JSDoc 및 벤치마크 추가
• ✨ PR #283 - isUndefined 함수 테스트 및 벤치마크 추가

📝 Latest Blog Posts

• Next.js 렌더링 방식 네 가지(CSR, SSR, SSG, ISR)와 Hydration 톺아보기
• 이미지 전송량 31MB → 1.2MB, CDN과 srcset으로 이미지 최적화하기
• React Core 라이브러리 분리와 Akamai CDN 캐시 적용
• 배포 후 변경되지 않는 이미지의 원인 분석과 캐시 버스팅 적용
• useInfiniteQuery로 무한스크롤 검색 리스트 상태 관리 개선
• YouTube iframe 관련 영상 제거 대체 방법
• Autowini WEB 통합 프로젝트 Playwright E2E 테스트 도입 + Claude Code 자동화
• React Lazy + Suspense 사용 시 페이지 전환 깜빡임(흰 화면) 문제 해결
• Android WebView 디버깅: chrome://inspect Pending authentication 오류 해결
• Frontend Kit – AI 문답 기능 도입 (Gemma 3 27B)