반응형 분류 전체보기1429 리액트 네이티브 앱 개발 #4-3 ChatGPT 따라하는 Expo 프로젝트 Expo 와 React Native 버전 동기화 이슈로새로운 WebView 프로젝트를 만들어 보기로 함요구조건:React Native 하이브리드 앱 생성앱 인트로, 메인화면, 로그인, footer 는 네이티브 영역Footer 에 있는 MyPage 버튼을 누르면 웹(WebView) 영역이 나오도록Android TargetSDK 34 를 지원React Native Expo 및 JavaScript(TypeScript 아님)로 소스코드 생성 1. Expo CLI 설치> npm install -g expo-cli 2. Expo 프로젝트 생성> npx create-expo-app --template> project-name?> blank vs TypeScript 선택 (expo init project-name 은.. 2024. 11. 12. 리액트 네이티브 앱 개발 #4-2 Expo 내비게이션 설치 및 화면 구성 리액트 네이티브리액트 네이티브 내비게이션 설치 및 화면 구성 React Native 네비게이션은 화면 전환과 이동을 정의하는 역할을 합니다.$ npm install @react-navigation/native-stack실행 후 다음과 같은 오류가 나온다면?npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: rn02@1.0.0 npm error Found: react-native-screens@3.31.1 npm error node_modules/react-native-screens npm error react-native-screens@"3.31.1".. 2024. 11. 12. 리액트 네이티브 앱 개발 #1-2 global expo-cli 프로젝트 생성 이슈 The global expo-cli package has been deprecated React native expo 프로젝트 따라 배우기 하는데...프로젝트 만들기 부터 붉은 경고창이 @@"$ expo init rn-project 다음과 같이 바뀌었다고 함... 초보에게는 가혹한 환경의 변화 ㅠㅠ;;;$ npx create-expo-app --template (옵션)프로젝트명(폴더면)주고 template은 TypeScript 없는 기본으로 선택!TypeScript로 하고 싶지만, 제공된 React native 예시가 지원하지 않음기껏 프로젝트 처음 만들기 하는데... WARNING에 붉은 경고까지...흠... Flutter 로 다시 갈까?살짝 고민함.WARNING: The legacy expo-cl.. 2024. 11. 10. 리액트 네이티브 앱 개발 #3 안드로이드 스튜디오 리액트 네이티브 안드로이드 개발 환경 리액트 네이티브 개발에 필요한, 노드 와 Java JDK 를 Windows용 패키지 관리자인 Chocolatey를 통해 설치했으면 이제 안드로이드 스튜디오를 설치 합니다. 참고로 openJDK17 과 Node.js 설치 가이드 추가...choco install -y nodejs-lts microsoft-openjdk17https://nodejs.org/en/download/package-manager Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 안드로이드 스튜디오 다운로드 및 설치https://developer.and.. 2024. 11. 10. 이전 1 2 3 4 5 ··· 358 다음 반응형
