Hi, I'm Minseo 👋

English

사용자가 화면에서 실제로 느끼는 경험을 기준으로 문제를 정의하는 프론트엔드 개발자입니다.

React · TypeScript 기반 웹 프론트엔드를 주력으로, 초기 세팅부터 API 연동·배포까지 프론트엔드 전 과정을 경험했습니다.
웹에 머무르지 않고 React Native와 SwiftUI로 모바일 앱을 개발했으며, 1인 개발한 iOS 앱을 App Store에 출시했습니다.

화면 하나를 만들 때도 데이터가 어디서 오고, 실패하면 사용자에게 무엇이 보이는지까지 함께 설계하려고 합니다.

Education

• 🎓 한성대학교 컴퓨터공학부 학사

Activities

• 2025.09 ~ 2026.02 UMC 9기 Web 챌린저
• 2025.03 ~ 한성대학교 컴퓨터공학부 학술동아리 DC&M

Awards

• 2026 🏆 웹공학캡스톤디자인프로젝트 작품우수상 — Findish
• 2025 🏆 기업연계 SW 캡스톤디자인 (PMI) 우수상 — 자연어 기반 패널 추출 시스템

Certification

• 2024 📜 SQLD (SQL 개발자), 한국데이터산업진흥원

Projects

🩹 Stickie — 누끼 스티커로 일상을 공유하는 iOS 앱

• 2026.03 – 2026.06
• iOS프로그래밍 · 1인 프로젝트

사진 한 장으로 누끼 스티커를 만들어, 친구들과의 공유 보드에 붙이는 iOS 소셜 앱

홈, 보드, 회원가입/로그인 화면 구현

• Apple Vision Framework 기반 온디바이스 배경 제거로 누끼 스티커 생성
• Supabase Realtime 공유 보드 및 드래그·핀치·회전 멀티터치 제스처 구현
• Sign in with Apple · Google 로그인 구현

Swift SwiftUI MVVM Supabase Firebase Vision

---

🍽️ Findish — 올인원 AI 다이닝 플랫폼

• 2026.01 – 2026.06
• 웹공학 캡스톤디자인 (🏆 작품 우수상)
• Frontend (FE 전체 단독 개발)

맛집 탐색부터 예약·주문까지 한 번에 끝내는 개인화·그룹화 AI 다이닝 플랫폼

랜딩페이지, 일반 모드, 선택 모드, AI Pick, 비교분석, 다이닝 에이전트, 먹BTI, 장바구니/주문, 마이페이지, 로그인/회원가입 화면 구현

• 도메인별 types → api → Query hooks → UI 계층 구조 설계
• MSW 모킹으로 백엔드와 병렬 개발 후, Orval을 활용한 실 API 타입 동기화
• 네이버 지도, 틴더형 카드 탐색, 그룹 추천(AI Pick), 레이더 차트 비교 화면 구현
• 자연어로 예약·주문을 처리하는 AI 에이전트 챗봇 UI 및 응답 유형별 동적 카드 렌더링

React TypeScript TanStack Query Zustand Tailwind CSS MSW Orval Vite

---

🔗 Nect — 사이드 프로젝트 매칭 플랫폼

• 2025.12 – 2026.02
• UMC 9기 연합 프로젝트
• Frontend

기획자·디자이너·개발자가 아이디어와 역량을 연결해 사이드 프로젝트 팀을 꾸리는 플랫폼으로, 회원가입·온보딩·마이페이지를 담당했습니다.

로그인, 회원가입 및 온보딩, 마이페이지 화면 구현

• 회원가입·6단계 온보딩 공통 컴포넌트 설계
• React Hook Form + Zod 기반 로그인·회원가입·온보딩 폼 유효성 검사
• 마이페이지 전반 구현 (내 프로필 설정, 아이디어 분석 리포트, 나의 프로필 분석, 진행중인 프로젝트, 팀원 관리 페이지)
• dnd-kit 드래그 기반 파트 설정 모달, 리더 임명·팀원 강퇴 기능 및 API 연동
• 모달 상태 전역 통합 리팩토링, Zod URL 검증으로 링크 필드 XSS 취약점 수정

React TypeScript TanStack Query Zustand React Hook Form Zod dnd-kit

---

🥭 ManGO — 러닝 올인원 크로스플랫폼 앱

• 2025.09 – 2025.12
• 고급모바일프로그래밍(우수작품)
• Mobile Frontend

GPS 러닝 기록, 캐릭터 육성, 커뮤니티를 하나로 통합한 러닝 어플리케이션

커뮤니티 페이지 구현

• Firebase 프로젝트 연동 및 초기 설정
• 커뮤니티 페이지 구조 설계 및 화면 구현 (지금 뜨는 러닝코스, 나의 러닝코스, 지금 뜨는 러닝화)

React Native Expo TypeScript Firebase

---

🎬 Filmograph — 영화 데이터 시각화 웹

🔗 Filmograph Site

• 2025.09 – 2025.12
• 웹프레임워크1
• Frontend

영화인들의 협업 관계를 인터랙티브 네트워크 그래프로 탐색하는 데이터 시각화 플랫폼

홈, 협업 네트워크(노드 데이터), 그래프 설명 메인페이지, 박스오피스(관람객 추이) 페이지 구현

• 프로젝트 초기 세팅 및 레이아웃·라우팅 구조 설계
• 그래프 페이지 UI 구현 및 3종 그래프(이분·에고·협업 네트워크) 페이지 분리
• Louvain 알고리즘으로 탐지한 영화인 커뮤니티를 협업 네트워크 그래프로 시각화

React TypeScript React Force Graph D3.js TanStack Query Firebase

---

📊 자연어 기반 패널 추출 시스템 - PMI

• 2025.09 – 2025.11
• 기업연계 SW 캡스톤디자인 (🏆우수상)
• Frontend

복잡한 쿼리 없이 자연어 질문만으로 타겟 패널을 추출하고 인사이트를 시각화하는 시스템

로그인/회원가입, 랜딩, 검색, 결과 페이지 구현

• 자연어 검색·재질의 API 연동 및 AI 분석 요약 결과 UI 구현
• Recharts 기반 검색 결과·매칭률 그래프, 전체 데이터 시각화 페이지 구현
• 검색어 히스토리·예시 키워드·패널 목록 모달 등 탐색 UX 설계, 반응형 레이아웃 구현

React TypeScript TanStack Query Recharts Tailwind CSS

Skills

Languages

Frontend

State & Data

Visualization

Mobile

BaaS & Deploy

Tools

Contact

📩 alstj091692@gmail.com