Frontend Developer
김유나
비즈니스 요구사항을 사용자 친화적인 화면으로 구현하는 프론트엔드 개발자입니다. React와 React Native를 기반으로 웹과 모바일 서비스를 개발합니다.
Career
얼라이브러쉬
프론트엔드 개발자 · 2025.05 ~
쪼물락 고객앱·가맹점앱 프론트엔드 개발 (React Native, Next.js)
React NativeExpoNext.jsTypeScriptZustandReact QueryFirebase FCMSentry
- ·모바일 앱(iOS/Android/Web 유니버셜), 웹 프론트엔드 개발
- ·크로스 플랫폼 이슈 해결 (Safari 팝업 차단, iOS 스플래시 버그, Android 그림자 렌더링 등 30건+)
- ·Zustand Persist + Hydration 타이밍 이슈 해결
- ·Firebase FCM 플랫폼별 푸시 알림 통합 (Expo + FCM)
- ·검색/채팅 이벤트 디바운스 및 성능 최적화
React NativeExpoNext.jsTypeScriptChakra UI
- ·가맹점 관리 모바일 앱 및 어드민 프론트엔드 전반 개발
- ·매장·코스·운영정보 등 가맹점 관리 전 화면 CRUD 구현
- ·예약 접수·확정·취소 플로우 및 상태 관리 구현
- ·캘린더 기반 예약 스케줄 관리 UI 구현 (시간대별 슬롯 배정, 일정 충돌 감지)
- ·Tailwind CSS → Chakra UI v3 마이그레이션 (26개 파일)
TMAX BizAI
프론트엔드 연구원 · CRM사업본부 · 2023.07 ~ 2024.11
Focus CRM 문의관리 화면 구현, AWS re:Invent 티맥스 랜딩페이지 구현, CLAS Sales App 청구서·문의관리 화면 구현
ReactTypeScriptMobXMUIStorybookReact Query
- ·문의관리·FAQ 화면 프론트엔드 개발 담당
- ·다중 조건 필터링·검색 UI 개발
- -MobX 스토어 기반으로 설계, React Query 캐싱과 연동
- ·문의 답변·댓글 작성 및 담당자 배정 워크플로우 구현
- ·크로스 클라이언트 호환 HTML 이메일 템플릿 시스템 구축 (Outlook/Gmail 렌더링 대응)
- ·Storybook 기반 공통 컴포넌트 라이브러리 구축 (LNB, GNB, Modal, Toast 등)
- -프론트엔드 팀 전체에서 사용하는 글로벌 컴포넌트 단독 설계·개발
ReactTypeScriptMUIReact Query
- ·모바일 버전 랜딩페이지(웹앱) 프론트엔드 개발 담당
- ·클라우드 상품 도입 문의 폼 구현
- ·상품별 브로슈어 다운로드 기능 구현
- ·비디오 플레이어 공통 컴포넌트 구현
ReactTypeScriptMUI
- ·청구서 및 문의관리 화면 프론트엔드 개발 담당
- ·청구서 목록 조회 및 상세 정보 화면 구현
- ·문의 작성 폼, 목록 필터링, 상세 조회 기능 구현
Projects
포트폴리오 웹사이트
개인프론트엔드 개발자 포트폴리오 웹사이트
수행 역할 1인 개발
- Next.js 16 + React 19 기반 정적 사이트 구축
- Tailwind CSS 4 기반 반응형 디자인
- Vercel + GitHub Actions CI/CD 자동 배포
Next.jsReactTypeScriptTailwind CSS
GitHub →공시온
개인개인 투자자를 위한 실시간 DART 공시 알림 모바일 서비스
수행 역할 1인 개발 (기획·설계·프론트·백엔드·인프라)
- React Native(Expo) 기반 모바일 앱 개발 (React Query + Zustand)
- 관심 기업 등록 및 공시 유형·키워드 필터링 알림 설정
- DART Open API 연동 및 10분 주기 자동 수집 스케줄러 구현
- Kakao OAuth 소셜 로그인 및 JWT 인증 처리
- Expo Push Notifications 기반 실시간 푸시 알림
- NestJS + Prisma ORM 기반 REST API 설계 및 Swagger 문서화
React NativeExpoNestJSPrismaPostgreSQLDocker
Osan 스마트 음향 신호기 모니터링 시스템
외주카카오맵을 활용하여 신호기 상태를 실시간으로 모니터링하고, 센서를 설정 및 관리할 수 있는 통합 시스템
주관기관 우인 미디어 테크
수행 역할 프론트엔드 개발 (프론트 1 / 백엔드 1)
- Figma 기반 UI/UX 설계 및 프론트엔드 아키텍처 설계
- Kakao Map API 연동을 통한 신호기 위치·상태 실시간 시각화
- 센서 설정 관리 기능 구현 (기본 설정, 장비 설정, SSID 설정)
- 미등록 센서 체계적 관리 및 신호기 상태 이력 필터링·조회 기능 구현
- 회원 관리 기능 구현 (권한별 접근 제어)
- 각 기능별 백엔드 REST API 연동
- Vercel 배포 및 운영
ReactJavaScriptRedux-ToolkitMUIReact-Query
태즈로스팅 ERP 시스템
외주라오스 커피 원두 생산·유통·재고·수매 관리 업무의 전산화를 위한 맞춤형 ERP 시스템
주관기관 태즈로스팅
수행 역할 프론트엔드 개발 (프론트 2 / 백엔드 1)
- Figma 기반 UI/UX 설계
- 4단계 역할 기반 접근 제어 (총관리자, 부관리자, 면장) 및 동적 네비게이션
- 승인 요청 워크플로우 (농민·면장·수매·구역 등록 승인/반려)
- 커피 원두 수매 내역 관리 (날짜·이장별 필터링, 자동 합계 계산)
- 지역·구역 계층 구조 관리
- 다국어 지원 (한국어/라오스어, i18next)
- Google Maps API 연동
- Netlify 배포 및 운영
ReactTypeScriptViteMUIReact-Queryi18next
Education
교육과정
삼성 청년 SW 아카데미 (SSAFY)
2022.07 ~ 2023.06웹 풀스택 개발 교육과정 수료 (1,600시간)
- 🏆8기 1학기 프로젝트 경진대회 최우수상
Next.jsTypeScriptWebSocketRedux-ToolkitTailwind CSS
역할 프론트엔드 개발
- ·WebSocket + STOMP 기반 실시간 양방향 통신 구현
- ·Context API 기반 소켓 모듈화 및 상태 관리 구조 설계
- ·게임 방 생성 및 라운드 설정 페이지 구현
- ·Navigator.sendBeacon을 활용한 안정적인 퇴장 처리
- -페이지 종료 시 HTTP 요청 중단 문제를 해결
ReactTypeScriptStyled-ComponentsRedux-Toolkit
역할 프론트엔드 개발
- ·홈 화면 및 사이드바 레이아웃 구현
- ·도서 추천을 위한 설문조사 및 결과 페이지 구현
- ·도서관 정보나루 API 연동 및 소장 정보 모달 구현
ReactJavaScriptWebRTCWebSocketRedux-Toolkit
역할 프론트엔드 개발
- ·홈 화면 및 무한 스크롤 기능 구현
- ·카카오 OAuth 소셜 로그인 구현
- ·WebRTC 기반 실시간 경매 프로세스 구현
- ·WebSocket + STOMP 기반 실시간 채팅 기능 구현
Vue.jsJavaScript
역할 프론트엔드 개발
- ·홈 화면 및 영화 검색 기능 구현
- ·영화 추천 목록 페이지 구현
- ·영화 상세 페이지 구현
- ·마이페이지 구현
스파르타 코딩클럽
2022.01 ~ 2022.02웹 개발 종합반 교육 수강 (40시간)
- 🏆메이킹 챌린지 10기 2등 수상
HTML/CSSJavaScript
역할 프론트엔드 개발
- ·차 목록 및 상세 정보 조회 기능 구현
- ·차 정보 필터링 및 검색 기능 구현
- ·찜하기 기능 구현
- ·관리자 차 정보 등록·수정·삭제 기능 구현
Skills
Frontend
JavascriptTypescriptReactNext.jsReact NativeMUIChakra UIReact QueryZustandRedux
Infra
Vercel
Tools
GithubFigmaJiraNotion
자격증
- 정보처리기사2023.06
- SQLD2022.12
어학
- OPIc IM22025.03
학력
전남대학교
2016.03 ~ 2021.02산업공학 전공 / 소프트웨어 공학 부전공