ChatGPT 활용

Part 1. ChatGPT 기능 & 연동 마스터
35 분•Module 2.2

2.2 간단한 모바일 앱 개발 & 테스트

React Native (Expo) 기반 To-Do & 습관 트래커 개발 및 스마트폰 실시간 QR 테스트

#React Native#Expo SDK#AsyncStorage#Expo Go App

주요 학습 목표

  • Node.js 환경에서 `npx create-expo-app` 명령어로 엑스포 모바일 앱 프로젝트 생성
  • ChatGPT로 할 일 추가, 삭제, 습관 달성률 체크 및 `@react-native-asyncstorage/asyncstorage` 데이터 저장 코드 구현
  • 스마트폰의 Expo Go 앱으로 QR 코드를 스캔하여 실제 단말기에서 실시간 터치 및 동작 검증
Step 1 of 3

Step 1. Expo 프로젝트 생성 및 환경 설정

터미널에서 다음 명령어를 순서대로 실행합니다. ```bash npx create-expo-app habit-tracker-app cd habit-tracker-app npx expo install @react-native-asyncstorage/asyncstorage ```
Screenshot: 터미널 Expo 프로젝트 생성 및 명령어 실행 화면
mobile

터미널 Expo 프로젝트 생성 및 명령어 실행 화면

npx create-expo-app 명령어 실행 후 패키지 설치가 완료된 터미널 스크린샷

그림 2.2: Expo React Native 모바일 프로젝트 구조 생성
••

Contact: ju9896012@gmail.com

© 2026 ChatGPT 활용 (ChatGPT Hands-On Guide). All rights reserved.