Crol0

Frontend Developer

Crol0강대훈

기능 완성보다 신뢰성을. 유저 친화적 UI와 성능 최적화로 서비스 가치를 완성하는 프론트엔드 개발자입니다.

프로젝트 보기연락하기

About

웹과 모바일에서 사용자가 믿고 쓸 수 있는 화면을 만듭니다. 기능 나열보다 구조·성능·운영 UX에 집중합니다.

  • 안정적인 서비스 구조

    정적/동적 데이터 분리, 인증 파이프라인, 장애 시에도 핵심 정보가 유지되는 구조를 설계합니다.

  • 데이터 → UI 시각화

    차트·지도·대시보드로 복잡한 데이터를 직관적인 화면으로 풀어냅니다.

  • 성능과 운영 UX

    리렌더링 최소화, URL 상태 동기화, 모바일 뷰포트까지 고려한 현장형 UX를 만듭니다.

Projects

대표 작업 4개입니다. 문제 정의와 내가 맡은 구조·UX 포인트를 중심으로 정리했습니다.

  1. 01

    Deer for U: ARCHIVE

    축제 현장 운영을 위한 하이브리드 데이터 기반 모바일 웹 & 관리자 CMS

    기간 ·
    2026.03 – 2026.05
    팀 ·
    FE 2 · BE 1 · Infra 1 · Design 2
    • Next.js 16
    • React 19
    • TypeScript
    • Tailwind CSS v4
    • Naver Maps API
    LiveGitHub
    • 부스·일정은 정적, 공지·분실물은 API로 분리해 API 장애에도 핵심 정보가 유지되도록 설계
    • Naver Maps + 커스텀 Bottom Sheet로 카테고리 필터·POI·모바일 드래그 스냅 UX 구현
    • JWT access/refresh·401 자동 갱신 기반 관리자 CMS CRUD 파이프라인 구축
    • 검색/필터를 URL 쿼리와 동기화해 뒤로가기 후에도 탐색 맥락 유지

  2. 02

    퍼피런 (Puppy Run)

    이중 파이프라인 기반 실시간 GPS 핸들링 및 대시보드 시각화 앱

    기간 ·
    2026.02 – 진행 중
    팀 ·
    FE 2 · BE 2 · Design 1
    • React Native
    • TypeScript
    • Zustand
    • Tailwind CSS
    GitHub
    • Foreground/Background 이중 GPS 파이프라인으로 끊김 없는 위치 수집·동기화
    • 거리·정확도 기준 노이즈 필터와 세그먼트 분리로 활동 데이터 정밀도 확보
    • 주간/월간/연간 통계·체중 LineChart 등 인터랙티브 대시보드 시각화
    • Hook–Store–Util 레이어 분리와 공통 컴포넌트 풀로 유지보수성 강화

  3. 03

    알고보자

    관심사 행동 데이터를 수집하고 통계 대시보드를 제공하는 PWA

    기간 ·
    2025.03 – 2025.05
    팀 ·
    FE 1 · BE 1 · 데이터분석 1
    • React
    • Vite
    • Zustand
    • Recharts
    • Leaflet
    • PWA
    GitHub
    • 네이버·유튜브 등 멀티 소스 API를 단일 스키마로 정규화하는 프론트 파이프라인
    • 낙관적 UI + Deferred Sync로 북마크 API 호출을 최소화
    • 콘텐츠 타입별 카드/맵 분기 렌더링과 Recharts 피드백 시각화
    • JWT 인터셉터·ProtectedRoute·PWA 오프라인 캐싱으로 인증·성능·보안 보강

  4. 04

    띵동

    동네 소상공인과 소비자를 연결하는 위치 기반 실시간 알림·구독 플랫폼

    기간 ·
    2025.07 – 2025.08
    팀 ·
    FE 1 · BE 1 · Design 1 · 기획 1
    • React Native (Expo)
    • TypeScript
    • Zustand
    • Expo Router
    • FCM
    • Kakao Map
    GitHub
    • 판매자/소비자 이중 페르소나 라우팅과 온보딩 분기 단독 설계
    • Kakao Map WebView ↔ Native postMessage 브릿지로 하이브리드 지도 UX 구현
    • STT·AI 문구·이미지·예약 발송까지 6단계 알림 플로우를 Zustand로 일원화
    • Axios 인터셉터·DTO 변환·멀티파트 업로드 등 API 레이어 전면 설계

Skills

프로젝트에서 실제로 사용한 스택만 모았습니다.

Frontend

  • React
  • Next.js
  • React Native
  • TypeScript
  • JavaScript

State & Styling

  • Zustand
  • Tailwind CSS
  • NativeWind

Tools & QA

  • Git
  • Chrome DevTools
  • ISTQB (SW Testing)

Experience

교육·대외활동

  • 멋쟁이사자처럼 대학 13기

    2025.01 – 2025.12

    연합동아리 활동 및 중앙 해커톤 참가 (247개 팀 중 상위 7%, 본선 진출).

  • ISTQB (KSTQB) 자격증

    2025.06

    예외 처리와 사이드 이펙트를 줄이는 프론트엔드 품질 관점의 기반.

Contact

협업·채용 관련 문의는 아래 채널로 부탁드립니다.