Project Overview: app_base
1. 프로젝트 목표
이 프로젝트는 React Native와 Expo로 구축된 모바일 애플리케이션입니다. 백엔드 서비스에는 Firebase를 사용하며 TypeScript로 작성되었습니다. 이 프로젝트의 궁극적인 목표는 모든 새로운 모바일 앱 개발의 견고한 기본 베이스를 구축하는 것입니다. 이를 통해 앱 아이디어가 생길 때마다 이 베이스에 필요한 기능만 추가하여 빠르고 효율적으로 개발할 수 있도록 합니다. 특히, UI 및 백엔드 통합을 위해 Model Context Protocol (MCP)을 실험적으로 도입하여, 앱 개발의 초기 설정을 최소화하고 핵심 기능 구현에 집중할 수 있는 환경을 마련하는 것을 목표로 합니다.
2. 기술 스택
- 프레임워크: React Native with Expo
- 언어: TypeScript
- 내비게이션: React Navigation
- 백엔드: Firebase
- 폰트: @expo-google-fonts/roboto
3. 프로젝트 구조
index.ts: 애플리케이션의 진입점.src/: 주요 소스 코드 포함.App.tsx: Firebase 및 메인 내비게이터를 초기화하는 애플리케이션의 루트 컴포넌트.components/: 재사용 가능한 UI 컴포넌트 디렉토리.config/: Firebase 설정(firebaseConfig.ts)을 포함한 설정 파일.navigation/: React Navigation을 사용한 내비게이션 설정.AppNavigator.tsx: 앱의 메인 스택 내비게이터 정의.
screens/: 애플리케이션의 다양한 화면 포함.HomeScreen.tsx: 앱 실행 후 표시되는 메인 화면.DetailScreen.tsx: 상세 정보를 표시하기 위한 화면.SettingsScreen.tsx: 애플리케이션 설정을 위한 화면.
package.json: 프로젝트 의존성 및 스크립트 목록.tsconfig.json: TypeScript 컴파일러 설정.app.json: Expo 설정 파일.assets/: 이미지 및 아이콘과 같은 정적 자산.android/및ios/: 네이티브 프로젝트 디렉토리 (Expo에서 관리).
4. 실행 방법
- 의존성 설치:
npm install - 개발 서버 시작:
npm start - Android에서 실행:
npm run android - iOS에서 실행:
npm run ios
5. 오늘의 작업 및 목표 (2025년 8월 5일 화요일)
현재 기초 UI 작업을 진행 중이며, 여기에 Model Context Protocol (MCP)을 실험적으로 통합하려는 시도를 하고 있습니다.
- MCP 연구 진행:
- modelcontextprotocol (MCP의 기초 서버 예시) 및 servers (기존 MCP 서버 모음) 두 가지 GitHub 저장소를 탐색했습니다.
servers저장소에 있는 기존 MCP 서버를 활용하여 UI 관련 MCP 및 Firebase MCP를app_base에 통합할 계획입니다.
- Figma 관련 이슈:
- Figma Dev Mode (유료 기능)가 MCP 관련 접근에 필요하다는 것을 확인했습니다.
- 현재로서는 이 부분을 보류하고 있습니다.
- 최종 목표:
- UI 관련 MCP와 Firebase MCP를
app_base에 통합하여, UI와 간단한 백엔드를 미리 구성해두는 것입니다. - 이를 통해 새로운 앱 아이디어가 생겼을 때, 이
app_base를 기본으로 삼아 필요한 기능만 추가하여 빠르게 개발할 수 있도록 할 예정입니다.
- UI 관련 MCP와 Firebase MCP를
이 문서는 프로젝트의 목적, 기술 스택, 구조 및 실행 방법을 명확하고 간결하게 요약하여 프로젝트를 쉽게 이해할 수 있도록 돕습니다. 또한, 오늘 진행된 작업 내용과 향후 목표를 포함하여 프로젝트의 현재 상태를 반영합니다.