Build a Full Stack Mobile Application with React Native & Expo - Beginner Friendly
- React Native와 Expo를 활용하여 Android 및 iOS에서 작동하는 풀스택 모바일 지출 추적 앱 'Wallet'을 구축합니다. 📱
- 앱은 회원가입, 로그인, 이메일 인증, 홈 화면, 거래 생성/삭제 (수입/지출), 카테고리 분류, 잔액 업데이트, 새로고침, 로그아웃 기능을 포함합니다. 💸
- React Native 초보자도 따라할 수 있지만, React의 기본 개념(컴포넌트, 상태, useEffect, JSX)은 알아야 하며, MacBook 없이 실제 기기에서 앱 실행이 가능합니다. 🧑💻
- 백엔드는 Express.js (Node.js 웹 프레임워크)를 사용하여 API를 구축하고, 클라우드 기반의 PostgreSQL (Neon 제공)을 데이터베이스로 사용합니다. ☁️
- Clerk를 이용한 이메일/비밀번호 인증을 구현하며, Redis를 활용한 속도 제한(Rate Limiting) 개념을 다룹니다. 🔒
- 개발 환경 설정에는
npm init -y, express@4.21.0 (안정 버전), dotenv, cors, @neondatabase/serverless 패키지 설치 및 개발 편의를 위한 nodemon 사용이 포함됩니다. 🛠️
.env 파일을 통해 PORT 및 DATABASE_URL과 같은 환경 변수와 민감한 정보를 안전하게 관리하는 방법을 설명합니다. 🔑
- 웹 프레임워크(Express), API(애플리케이션 간 통신), REST API의 주요 메서드(GET, POST, DELETE, PUT) 등 핵심 개념에 대해 자세히 설명합니다. 🧠
- 튜토리얼에 사용되는 모든 도구와 서비스는 무료로 시작할 수 있어 비용 부담이 없습니다. 🆓
- Neon을 통해 무료 클라우드 PostgreSQL 데이터베이스를 생성하고, 제공된 연결 문자열을 사용하여 Express 백엔드와 연결하는 과정을 시연합니다. 🔗
데브허브 | DEVHUB | Build a Full Stack Mobile Application with React Native & Expo - Beginner Friendly