반응형 전체 글1427 React Native Expo (하이브리드앱)1 with TypeScript 프로젝트생성 React Native 하이브리드앱 개발스터디하며 격어보았던 수많은 버전 이슈들을 뒤로하고 ㅠㅠ;;정리하는 차원에서 다시 타이핑 합니다.Expo with TypeScriptExpo는 스터디 및 개발 초기단계에 사용하고, 앱스토어에 올릴때는 제외할 예정 입니다.요구조건:Android targetSDK 34 지원 ... 이미 targetSDK 35 를 바라보아야 하는건 아닐지?React Native ExpoTypeScript 앱 실행시 2초간 인트로화면 보여짐메인화면, 하단메뉴 네이티브 영역하단메뉴에 [home] [mypage] 를 두고, mypage 버튼을 누르면 Webview 에 웹페이지 출력 1. Expo CLI 설치설치하지 않았으면 ...> npm install -g expo-cli 2. Expo 를.. 2024. 11. 13. 리액트 네이티브 앱 개발 #4-4 Expo with TypeScript 프로젝트 React Native Expo with TypeScript 도 경험해 보기요구조건:React Native 하이브리드 앱인트로, 메인화면, 로그인, Footer 는 네이티브 영역Footer 메뉴에 MyPage 버튼을 누르면 웹(WebView) 영역에 홈펭지 출력Android TargetSDK 34 지원React Native ExpoTypeScript 로 소스코드 생성Expo 최신 command 사용: expo start --> npx expo start 1. Expo CLI 설치설치하지 않았으면 ...> npm install -g expo-cli 2. Expo 를 사용해 TypeScript 프로젝트 생성 > npx create-expo-app myApp --template√ Choose a templa.. 2024. 11. 13. 리액트 네이티브 앱 개발 #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 3 4 ··· 357 다음 반응형
