지원공고 보고 뺄건빼기!

이주영

자기소개

React, Next.js, React Native를 활용해 웹과 모바일 환경 모두에서 서비스를 개발해온 신입 프론트엔드 개발자입니다.

실시간 위치 추적 시스템, 지도 API 연동, JWT 기반 인증, 전역 상태 관리 등 실무 수준의 핵심 기능을 직접 설계하고 구현했으며, 기획부터 배포까지 전 과정을 경험하며 사용자 경험을 최우선으로 고민하는 개발자로 성장했습니다.

협업 프로젝트로 팀원들과 함께 성장하는 것을 중요하게 여기며, 적극적인 소통과 지식 공유를 통해 시너지를 만들어왔습니다. 또한 다양한 프로젝트와 스터디를 통해 새로운 기술을 지속적으로 학습하고 실무에 적용하며 개발자로서의 역량을 확장해왔습니다.

기술스택(스킬)

• Html, Css, Javascript, Typescript
• Next.js, React Native, React.js,
• Tanstack query, Zustand, Tailwind css, Shadcn ui, Html, Css, Javascript

프로젝트

Fly-On (패러글라이딩 관광 일정 추천 및 관리 플랫폼)

https://github.com/SQUAD-FLY-ON/frontend

• 개발 기간: 2025.02 ~ 07 (6개월)
• 역할: 프론트엔드 전담 개발 (프2, 백2 팀 구성)
• 주요 기술: Expo, React Native, TypeScript, Zustand, React Query, Animated API

주요 성과 및 경험

• 커스텀 칸반보드 드래그 앤 드롭 시스템 구현
  • React Native 환경에서 리스트 간 드래그 앤 드롭 라이브러리 부재로 전체 시스템 자체 구현
  • PanResponder로 터치 이벤트 처리 및 Animated.Value를 활용한 60fps 부드러운 애니메이션
  • Portal 패턴 기반 Floating Element로 드래그 중인 카드를 최상위 레이어에 렌더링
  • 자동 스크롤, 드롭 타겟 감지, 멀티 컬럼 간 이동 등 복잡한 UX 요구사항 구현
  • Zustand를 통한 드래그 상태 전역 관리로 컴포넌트 간 원활한 상태 동기화
• 성능 최적화 및 아키텍처 설계
  • Ref 기반 레이아웃 측정으로 드래그 중 불필요한 리렌더링 제거 (성능 10배 향상)
  • 책임 분리 원칙(SRP)에 따라 자동 스크롤, 레이아웃 측정, 드래그 상태를 독립적인 훅으로 분리
  • useShallow를 활용한 선택적 구독으로 Zustand 리렌더링 최소화