노현근Frontend Engineer · Seoul
01 · 전능아이티 · 프론트엔드 개발

캐시닥

전능아이티에서 캐시닥 서비스의 프론트엔드 개발을 담당하고 있습니다. 통합검색·커뮤니티 등 핵심 사용자 경로를 개선하고, 사내 디자인 시스템을 구축해 팀의 UI 개발 기준을 만들고 있습니다.

기간2025.11 - 진행중
역할프론트엔드 개발
소속전능아이티
분류Web
스택
  • React
  • TypeScript
  • Next.js
  • Tailwind CSS

기능

  • 캐시닥 통합검색·커뮤니티·병원 상세 웹 경험 개선
  • 병원 이벤트 상세 지면 성능 병목 분석 및 최적화
  • 검색 노출 정책(canonical·noindex·구조화 데이터) 정비
  • 사내 디자인 시스템 컴포넌트 개발 및 배포 체계 구축

기여

  • 통합검색·병원 상세·커뮤니티 경로의 검색 결과, 라우팅, 웹뷰 뒤로가기 동작 불일치 이슈 해결
  • Sentry Performance로 병원 이벤트 상세의 지연을 MUI Button Ripple·sx 런타임 연산과 SVG hit test 중복으로 압축하고, 전역 교체 없이 원인 코드만 제거
  • 무료 상담 영역 상태를 섹션 내부로 내려 전체 리렌더를 없애고, 4000px 원본이 200px 영역에 내려오던 이미지 크기 문제 해결
  • 유료 크롤링 툴 대신 5건/500ms 스로틀 스크립트를 직접 작성해 사이트맵 전수 SEO 검증 자동화
  • canonical·noindex·구조화 데이터, 반응형 이중 렌더링에 의한 중복 h1 등 색인 정책 이슈 수정
  • 커뮤니티 Astro 전환 크로스 체크 및 로그인·다국어·locale fallback 회귀 수정
  • 커뮤니티 다국어 처리 방식을 변경하고 전용 set-locale API 제거
  • 확장 가능한 공통 CTA 구조를 구현하고 API·GA 이벤트 연동
  • SegmentedControls, ToggleButton, Tag, Accordion 등 공용 컴포넌트를 추가하고 메이저 업데이트 진행
  • 개발 문서·기여 가이드를 정리하고 패키지 배포 인증을 OIDC Trusted Publisher로 전환

성과

  • 병원 이벤트 상세 INP 270ms → 100ms(63% 개선), Lighthouse Performance 58 → 74
  • 1초 이상 지연되던 MUI Button INP 로그 소멸 — 원인과 대응 방향을 Confluence에 문서화해 팀 자산화
  • 유료 SEO 툴(인당 연 $279) 대신 직접 만든 스크립트로 사이트맵 92,000건 전수 조사, 색인 오류 21건 검출 (회당 1,000원 이하)
  • SEO 100점 · 접근성 87~90점을 배포 전 기준선으로 고정
  • 웹뷰·검색 화면의 뒤로가기/라우팅 오류를 줄여 검색 기능의 사용 연속성 개선

함께 일하기 좋은 구조와
오래 쓰이는 제품을 만듭니다.

제품과 팀의 문제를 함께 풀 기회가 있다면 편하게 연락 주세요.

© 2026 노현근Seoul, KR