프론트엔드 개발자
이범희입니다.

2018년부터 웹과 앱을 개발했습니다. 지금은 React Native 앱과 AI 개발 도구를 만들고 있습니다.

경력

  1. 공간 대여 중개 플랫폼 기업React Native Developer2026 - 현재

    AI 개발 에이전트

    2026.06 – 2026.09

    태스크를 주면 직군별 봇이 서로 논의하고 개발을 진행하는 에이전트를 만들었습니다.

    • 봇마다 페르소나와 접근 권한을 설정해 역할에 맞게 작업하도록 구성
    • 발화와 논의 내용을 기억하고 다음 작업에 활용하도록 개선
    • 오케스트레이터 봇을 중심으로 직군별 봇의 작업과 협업 흐름을 조율
    • Slack과 연동해 작업을 지시하고 진행 상황을 한곳에서 확인하도록 구성
    • 실제 사무실 모습을 본뜬 비주얼 관제창에서 봇의 활동과 작업 현황을 확인

    React Native 앱 안정화

    2026

    운영 중인 React Native 앱의 UI, 상태 처리, API 연동 문제를 수정했습니다.

    • 운영 중인 RN 앱의 잔여 이슈 약 30건 해결
    • 기존 동작을 유지하며 필요한 부분만 수정
    • 이슈별 재현 조건, 원인, 수정 내용 기록
    맡은 일 자세히 보기
    • 입사 직후 기존 앱의 구조와 주요 기능 흐름을 파악하고, 잔여 이슈를 우선순위에 따라 정리했습니다.
    • 화면 UI, 인터랙션, 상태 처리, API 연동, 예외 케이스까지 앱 전반의 이슈 약 30여 건을 짧은 기간에 순차적으로 해결했습니다.
    • 기존 코드 흐름을 유지하고 수정 범위를 최소화해, 운영 중인 앱에 사이드 이펙트가 생기지 않도록 안정적으로 대응했습니다.
    • 재현 조건과 원인, 수정 방향을 함께 기록해 이후 유지보수가 쉬운 상태로 만들었습니다.

    짧은 기간 안에 기존 코드베이스에 적응해 앱 품질과 운영 안정화에 기여했습니다. 웹에서 쌓은 컴포넌트 설계·상태 관리 경험을 네이티브 환경으로 확장하는 중입니다.

  2. 여행/커머스 플랫폼 기업Frontend Engineer2023 - 2026

    B2B 운영 도구 신규 구축

    2024 하반기

    파트너 운영과 내부 업무를 안정적으로 처리하기 위한 관리자 도구를 신규 구축했습니다.

    • 신규 관리자 도구의 프론트엔드 기반 구축
    • 권한/다국어/조회 화면의 재사용 가능한 구조 설계
    • 운영 업무 흐름을 고려한 UI 패턴 정리
    맡은 일 자세히 보기
    • 초기 프로젝트 구조와 프론트엔드 개발 환경을 설계하고 핵심 화면 구현을 담당했습니다.
    • 권한, 다국어, 데이터 조회 흐름을 공통 패턴으로 정리해 이후 화면 확장을 쉽게 만들었습니다.
    • 운영자가 반복적으로 수행하는 업무를 기준으로 폼, 테이블, 필터 인터랙션을 정리했습니다.

    메인 검색 경험 개편

    2024 상반기

    사용자가 더 빠르게 목적지를 탐색하고 조건을 조합할 수 있도록 메인 화면과 검색 흐름을 개선했습니다.

    • 메인 화면 검색 UX와 상태 관리 흐름 개선
    • 여러 API 규격을 조율해 일관된 화면 모델 구성
    • 상용 배포까지 이어지는 협업과 QA 대응
    맡은 일 자세히 보기
    • 검색 조건, 추천 영역, 최근 탐색 정보 등 여러 API 응답을 하나의 화면 경험으로 연결했습니다.
    • 여러 이해관계자와 데이터 규격을 조율하며 화면 상태와 예외 케이스를 정리했습니다.

    복잡한 데이터 흐름을 화면 단위로 안정화하고, 이후 유지보수 시에도 규칙을 따라 확장할 수 있도록 컴포넌트 경계를 정리했습니다.

    앱 내 인터랙티브 웹뷰 구축

    2023 하반기

    앱 안에서 동작하는 웹 기반 인터랙션 영역을 만들고, 앱-웹 사이의 연결 경험을 다듬었습니다.

    • 웹뷰 기반 인터랙션 영역 구현
    • 앱 브릿지 연동과 화면 상태 검증 흐름 정리
    • 공통 컴포넌트화로 후속 작업 효율 개선
    맡은 일 자세히 보기
    • 웹뷰 환경의 제약을 고려해 라우팅, 상태 전달, 앱 브릿지 연동 방식을 정리했습니다.
    • 디자인 QA가 빠르게 진행될 수 있도록 테스트 가능한 화면 상태를 별도로 구성했습니다.
    • 반복 사용 가능한 UI 조각을 만들어 이후 유사 기능의 작업 비용을 줄였습니다.

    앱과 웹이 함께 움직이는 기능에서 안정적인 사용자 흐름을 만들고, 재사용 가능한 인터랙션 컴포넌트를 확보했습니다.

    품질 모니터링과 자동화 테스트 도입

    2023

    배포 전후의 위험을 줄이기 위해 에러 관찰과 핵심 사용자 흐름 테스트를 정비했습니다.

    • 프론트엔드 에러 모니터링 체계 구성
    • 핵심 사용자 흐름의 E2E 테스트 자동화
    • 배포 전 품질 확인 프로세스 개선
    맡은 일 자세히 보기
    • 상용 환경에서 발생하는 프론트엔드 오류를 빠르게 발견할 수 있도록 모니터링 도구를 구성했습니다.
    • 핵심 전환 흐름을 기준으로 E2E 테스트 시나리오를 작성하고 배포 전 확인 절차를 만들었습니다.

    문제 발견 시점을 앞당기고, 배포 전 반복 확인이 필요한 영역을 자동화해 운영 리스크를 줄였습니다.

    상세 화면 성능과 공유 경험 개선

    2023

    상세 페이지에서 발생하던 불필요한 렌더링과 공유 미리보기 품질을 개선했습니다.

    • 렌더링 흐름 최적화로 화면 안정성 개선
    • 공유 메타 정보 정비
    • 상세 화면의 체감 품질 개선
    맡은 일 자세히 보기
    • 데이터 호출과 상태 반영 순서를 조정해 화면 깜빡임과 불필요한 렌더링을 줄였습니다.
    • 외부 공유 시 필요한 메타 정보를 정리해 링크 미리보기 품질을 높였습니다.

    사용자가 체감하는 페이지 안정성과 공유 경험을 함께 개선했습니다.

    서비스 성능과 SEO 최적화

    2023

    이미지, 폰트, 스크립트, 라우팅 메타 정보를 점검하며 초기 로드 품질을 개선했습니다.

    • 이미지/폰트/스크립트 로딩 전략 개선
    • 레이아웃 안정성과 SEO 메타 정보 정비
    • 번들 비용과 초기 로딩 흐름 최적화
    맡은 일 자세히 보기
    • 이미지와 폰트 로딩 전략을 정리해 초기 렌더링 비용을 낮췄습니다.
    • 불필요한 레이아웃 이동을 줄이고, 주요 페이지의 메타 정보를 정비했습니다.
    • 무거운 의존성을 대체하고, 외부 스크립트 로드 순서를 조정했습니다.

    측정 가능한 성능 지표와 실제 사용자가 느끼는 안정성을 함께 개선하는 경험을 쌓았습니다.

  3. 애그테크 플랫폼 기업Frontend Engineer2021 - 2023

    진단 결과 경험 고도화

    2022

    사용자가 진단 결과를 이해하고 다음 행동으로 이어질 수 있도록 결과 화면과 추천 흐름을 개선했습니다.

    • 결과 화면 UI와 상태 로직 재구성
    • 추천 콘텐츠 컴포넌트와 상세 화면 구현
    • 모바일 QA 피드백과 예외 케이스 대응
    맡은 일 자세히 보기
    • 신규 UI에 맞춰 결과 화면의 상태와 노출 조건을 재정리했습니다.
    • 추천 콘텐츠와 상세 정보 화면을 컴포넌트 단위로 구성했습니다.
    • 모바일 환경에서 발생하는 예외 케이스를 대응하며 QA 피드백을 빠르게 반영했습니다.

    변경 요구가 많은 화면에서도 기존 구조를 살리며 안정적으로 개선했고, 출시 전 QA 시간을 확보하는 데 기여했습니다.

    지도 기반 주변 정보 탐색 기능

    2022

    위치 기반 데이터를 지도 위에서 탐색하고, 결과 목록과 상세 화면으로 이어지는 흐름을 구현했습니다.

    • 지도 기반 공통 컴포넌트 개발
    • 유사 화면의 컴포넌트 재사용성 확보
    • 일정 외 피드백과 로깅 요구사항 대응
    맡은 일 자세히 보기
    • 지도 컴포넌트를 공통화해 여러 화면에서 재사용할 수 있도록 구성했습니다.
    • 내 결과, 주변 결과, 전체 결과처럼 유사한 화면을 같은 컴포넌트 체계로 정리했습니다.
    • 이벤트 로깅, 디자인 QA, 추가 요구사항을 반영하며 배포 품질을 맞췄습니다.

    복잡해지는 서비스 안에서 지도와 목록 기반 화면을 일관된 방식으로 구현하고, 후속 확장에 대응하기 쉬운 구조를 만들었습니다.

  4. 기업용 SaaS/ERP 기업Frontend Engineer2018 - 2021

    업무 서비스 모듈 다국어화

    2021

    업무용 웹 서비스의 고정 텍스트를 언어별로 관리할 수 있도록 화면 구조를 정리했습니다.

    • 언어별 텍스트 렌더링 구조 개선
    • 기존 UI 스타일을 유지한 점진적 전환
    • 업무용 웹 화면의 유지보수성 개선
    맡은 일 자세히 보기
    • 기존 화면 스타일을 유지하면서 문구 관리 방식을 분리했습니다.
    • 여러 언어를 기준으로 화면이 안정적으로 표시되도록 텍스트 렌더링 구조를 개선했습니다.

    글로벌 사용 환경을 고려한 화면 구조와 유지보수 가능한 다국어 처리 경험을 쌓았습니다.

기술과 자격

기술 스택

Frontend
Next.jsReactTypeScriptJavaScriptTailwind CSS
Mobile
React NativeExpoiOSApp Store ConnectRevenueCat
Tools & Infra
GitGitHubGitLabVercelWebStorm
AI
GPTClaude CodeGeminiSunoSoraRunwayML

AI활용전문가

한국교육인증평가원 · 2026

AI-POT(AI프롬프트활용능력) 1급

한국생산성본부 · 2026

챗GPT 활용 지도사 1급

한국교육인증평가원 · 2025

사내 개발자 롤모델 수상

협업과 품질 기여 · 2023

출시한 앱

App Store에 출시한 앱 보기

연락하기

프로젝트나 협업 문의는 이메일로 보내주세요.