React와의 주요 차이점#

컴포넌트#

• <div> → <View>
• <span>, <p> → <Text>
• <img> → <Image>
• <button> → <Button> 또는 <TouchableOpacity>

⚠️ 중요: 텍스트 처리#

Javascriptjavascript
Copy

이벤트 처리#

Javascriptjavascript
Copy

네이티브 기능 접근#

Javascriptjavascript
Copy

프로젝트 생성#

• npx 사용

  Bashbash
  Copy
  

• bun 사용

  Bashbash
  Copy
  

• 특정 템플릿 사용

  Bashbash
  Copy
  

CLI 설치 및 실행#

Bashbash
Copy

개발 환경#

Expo Go 앱#

• iOS: App Store에서 "Expo Go" 설치
• Android: Google Play Store에서 "Expo Go" 설치

실행 단축키#

• i: iOS 시뮬레이터
• a: Android 에뮬레이터
• w: 웹 브라우저
• r: 앱 새로고침
• c: 로그 지우기

기본 구조#

MyExpoApp/
├── App.js                 # 진입점
├── app.json              # 설정 파일
├── package.json          
├── babel.config.js       
└── assets/               # 이미지, 폰트

주요 라이브러리 설치#

Bashbash
Copy

카메라 사용#

Javascriptjavascript
Copy

위치 정보#

Javascriptjavascript
Copy

네비게이션 설정#

Javascriptjavascript
Copy

폰트 사용#

Javascriptjavascript
Copy

환경 변수#

Javascriptjavascript
Copy

권한 설정 (app.json)#

JSONjson
Copy

빌드 및 배포#

Bashbash
Copy

트러블슈팅#

Bashbash
Copy

유용한 코드#

이미지 컴포넌트#

Javascriptjavascript
Copy

버튼과 알림#

Javascriptjavascript
Copy

상태 관리#

Javascriptjavascript
Copy