Rootjang Resume

장근호

프론트엔드 개발자

Phone: 010-5195-8667

7년간 3D 생성형 AI, 의료 영상 처리 등 기술 난이도가 높은 도메인에서 프론트엔드 아키텍처를 직접 설계하고 팀의 개발 생산성을 끌어올려 온 프론트엔드 엔지니어입니다. SSE 기반 실시간 시스템, Three.js 3D 렌더링 최적화, 제네릭 기반 API Factory 등 구조적 해법을 설계·적용하여 반복을 줄이고 코드 품질을 높이는 것을 강점으로 삼고 성장해왔습니다.

레이어 아키텍처 설계, 컴포넌트 모듈화, 이벤트 기반 UI 설계를 주도하며 서비스 안정성과 확장성을 함께 개선해왔습니다

특히 기획·디자인·백엔드와의 밀도 높은 커뮤니케이션을 통해 “기능 구현”을 넘어 실제 사용자 경험과 운영 효율까지 고려한 프론트엔드 개발을 지향합니다.

단기 성과보다 지속 가능한 코드와 팀의 성장을 중요하게 생각하며, 긴 근속 기간 동안 코드 리뷰 문화 정착, 구조 개선, 기술 도입을 통해 팀 생산성을 꾸준히 끌어올려 왔습니다.

아래에 첨부된 이력서 및 경력기술서를 참고 해주세요.

About Me

👇🏻어떤 업무를 했는지 좀 더 자세히 알고 싶으시다면 아래 링크를 클릭 해주세요.

경력 기술서 & 포트폴리오

👩‍💻Career

2023.05.15 ~ 2025.11.30 Doubleme Front-End Engineer

ATLAS Web & Admin

Web [2024.08 ~ 2025.09]

3D 생성형 AI Web project
- 프로젝트 초기부터 Layered Architecture(UI / Hooks / Data Layer) 설계를 주도하여 신규 CRUD 페이지 개발 소요일 5일 → 2일 단축
- 프로젝트 초기 단계부터 참여하여 전체 아키텍처 설계 및 개발 환경 구축을 주도
- Vite + SWC 빌드 시스템 도입으로 개발 속도 및 번들링 효율 개선
- 반응형 랜딩 페이지 제작으로 다양한 디바이스 환경에서 일관된 사용자 경험 제공
- Storybook을 도입해 컴포넌트 단위 개발 문화를 정착시키고 UI 테스트 및 협업 품질 개선
- i18n 기반 다국어 시스템을 구축하여 글로벌 서비스 대응력 강화
- 토큰 만료 시 Race Condition → Queue 기반 토큰 갱신 메커니즘과 이벤트 기반 세션 관리 도입으로 인증 안정성 확보 및 예측 가능한 로그인 경험 제공
- 모바일 웹 환경에서 HEIC 포맷 미지원으로 인한 업로드 실패 분석 → 클라이언트 사이드 자동 변환 도입으로 업로드 실패율 25% → 0.3% 미만으로 개선 (에러 로그 기준)
- 디자이너 및 백엔드 개발자와 협업하며 데이터 구조와 UI 구조를 통합적으로 설계, 유지보수 효율 극대화
- AI 3D 생성 작업이 장시간 소요되지만 진행 상태가 보이지 않아 사용자가 결과를 신뢰하지 못하고 반복 새로고침·이탈 발생 → SSE 기반 실시간 상태 피드백 시스템을 구축하고 예상 완료 시간을 시각화하여 GA4 기반 페이지 이탈률 40% 감소 및 사용자 신뢰도 향상
Admin [2024.10 ~ 2025.05]

3D 생성형 AI 기반 관리 플랫폼
- 프로젝트 초반 기획 단계부터 참여하여 프로젝트 전체 구조 설계 및 컴포넌트 아키텍처 방향 제시
- 디자인, 기획 리소스 없는 환경에서 shadcn/ui 커스터마이징으로 UI/UX 방향성 주도
- ATLAS Web과 동일한 아키텍처를 적용하되, 제네릭 기반 DataList 등 Admin 특화 공통 컴포넌트를 추가 설계
- 운영자(Admin)가 여러 페이지에서 반복 작업을 수행해야 하는 복잡한 관리 UI 문제 해결
  - 공통 컴포넌트 모듈화를 주도해 UI 일관성을 확보하고 팀 내 개발 효율성을 향상시킴
  - 운영자가 학습 없이도 기능을 예측할 수 있도록 UI 패턴을 통일하고 공통 컴포넌트화로 운영·개발 생산성 동시 개선
TwinWorld web 3.0 renewal (twin.world) [2023.06 ~ 2023.11]

3D 공간 기반 커뮤니티 플랫폼 리뉴얼 프로젝트
- three.js와 react-three-fiber를 활용한 3D 모델 렌더링 최적화 주도
- 3D 모델 렌더링 시 비표준 재질(glTF 확장)로 인한 표시 오류 → 재질 자동 변환 및 fallback 처리로 다양한 3D 모델 환경에서도 일관된 미리보기 제공
  
  → 컴포넌트 분리 및 렌더 사이클 개선을 통해 퍼포먼스와 상호작용 부드러움 개선
- 아이템 목록 페이지에서 수백 개의 썸네일을 한 번에 로드하여 초기 LCP 지연 → useLazyLoadImage 훅으로 뷰포트 진입 시에만 이미지 로드하도록 개선, 초기 로딩 시간 80% 단축
- 팀 내 코드 리뷰를 통해 렌더링 성능 및 코드 품질 표준화
TwinWorld web admin page

운영 효율성을 위한 관리 페이지 신규 구축
- Admin 기능 기획 및 UI 구조 설계를 주도
- 서버 패치 상태 관리 페이지, 사용자 접근 제어 페이지, 추천 Space 관리 기능 등을 구현
- 무한 스크롤 기반 Space 리스트 관리 및 선택형 상태 관리 로직 개선으로 UX 단순화
- API 연동 및 상태 관리 체계를 문서화하여 운영팀의 유지보수 효율성 향상

2019.04.08 ~ 2023.04.30 hutom Front-End Engineer

RUS h-Server [2021.10 ~ 2022.12]

CT 데이터 및 AI 3D 모델링 데이터 발신/수신 및 관리 플랫폼
- 병원 CT 데이터를 기반으로 한 3D 모델 전송·관리 시스템의 프론트엔드 구조 설계 및 개발 전담
- Atoms/Molecules/Organisms 체계로 컴포넌트 재사용률 25% → 65% 향상, 신규 페이지 개발 시간 평균 2일 단축
- SWR 기반 데이터 캐싱 및 에러 관리 모듈화로 클라이언트 응답성 향상
- DatePicker, File Drag & Drop Modal 등 직접 구현 UI 컴포넌트로 사용자 입력 경험 개선
- 병원 On-Premise 환경 제약 하에서 Docker + GCP Artifact Registry + GitHub Actions 기반 CI/CD 자동화 체계를 처음 설계·구축. Multi-stage build로 이미지 크기 1.2GB → 400MB 최적화, 수동 배포 15분 → 자동 5분 단축
- 기술 표준화를 주도하여 개발팀 내 공통 코드 관리 및 빌드 자동화 체계 확립