🌐Notion 포트폴리오 원본 보기

🐱 GitHub

• https://github.com/holdn2

✉️ E-Mail

• [email protected]

💾 Tech Blog

• https://velog.io/@uchan0

📱 Phone

• 010-6615-5489

🏫 건국대학교 스마트ICT융합공학과 (재학 중)

• 학점 4.11 / 4.50

⛏️ Skills

Languages

• HTML5 , CSS , JavaScript , TypeScript

Framework / Library

• React, React Native, Expo, Tailwind CSS , CSS Modules , Axios, TanStack Query, Zustand, Jotai

Tools

• Git , GitHub , Notion , Figma

📃 Team Project

THIP(띱) - 커뮤니티형 독서 기록 플랫폼

2026.03 ~ 진행 중

https://github.com/THIP-TextHip

역할 React Native 앱 프론트엔드 단독 개발, API 연동, iOS 출시 준비

참여 기간 협업 인원 3명 (PM 1, Frontend 1, Backend 1)

기술 스택 React Native, Expo, TypeScript, Zustand, TanStack Query

프로젝트 소개

THIP은 독서를 완독이라는 결과에 머무르지 않고, 읽는 과정 자체를 기록하고 공유하며 함께 이어가는 경험으로 확장한 커뮤니티형 독서 기록 플랫폼입니다. 사용자는 책에 대한 생각을 자유롭게 기록하고, 모임방에서 다른 사람들과 감상을 나누며 독서 경험을 함께 이어갈 수 있습니다.

기존에는 Android 앱과 웹 서비스가 개발되어 있었으나 iOS 앱이 제공되지 않았습니다. 이에 React Native와 Expo를 활용해 기존 서비스의 기능과 사용자 흐름을 크로스플랫폼 앱으로 확장하기 위해 프로젝트에 합류했습니다. 이후 PM, 백엔드 개발자와 함께 기존 기능을 React Native 환경에 맞게 구현하고 서버 API를 연동해 Android와 iOS에서 동작하는 앱의 프론트엔드 전반을 단독으로 개발하고 있습니다.

주요 업무

• 기존 Android 앱, 웹 서비스의 기능과 사용자 흐름을 반영한 크로스플랫폼 앱 구현
• API 요청 상태를 TanStack Query 기반으로 통합하여 로딩, 성공, 실패 상태에 일관된 UI 제공
• 카카오, 구글, 애플 소셜 로그인과 FCM 푸시 알림을 연동하고, Android, iOS의 foreground, background 총 4개 수신 시나리오에서 동작 검증
• iOS 배포 환경 구성 및 App Store 출시 준비

<aside> 💬

THIP에서 특히 고민한 부분은 API 통신 과정의 로딩 및 에러 처리와 플랫폼별 UI 대응이었습니다.

API 응답을 기다리는 동안 화면이 비어 보이거나, 요청 실패 시 사용자가 원인을 알 수 없는 문제를 줄이기 위해 TanStack Query를 활용해 로딩, 성공, 실패 상태를 구분하고 상황에 맞는 화면과 안내 메시지를 일관되게 제공했습니다.

또한 Android와 iOS에서 Safe Area, 키보드 동작, 화면 간격이 다르게 나타나는 문제를 실제 기기에서 반복적으로 검증하며 플랫폼별 UI를 보완했습니다. 이를 통해 비동기 요청 상태와 플랫폼 특성을 화면 설계 단계부터 함께 고려하여 일관되게 적용할 수 있는 UI를 구현했습니다.

</aside>

피드 (홈)

모임방 기록장

도서 검색