React-native

[React-native] Expo를 이용한 웹개발(Web)

Dependencies 1. Web : Iframe을 이용한 개발 $ yarn add react-native-youtube-iframe * Android의 경우 webview를 사용해서 웹 페이지를 띄울 수 있으나, 웹 플랫폼에서는 webview가 지원하지 않는다. * 만약 Android 환경에서 개발할 경우 webview 사용시 참고 $ expo install react-native-webview $ yarn add --save react-native link react-native-webview 2. Stack Navigator 및 Bottom Tab $ yarn add expo-status-bar $ yarn add react-native-reanimated $ yarn add react-nativ..

[React-native] Expo 최신 버전으로 프로젝트 세팅 (JS 버전)

기본 설치 1. 기본 세팅 npm install -g yarn npm install --global expo-cli expo login --username "Expo 사이트 가입당시 입력한 name" 입력 후, expo 패스워드입력 (단, 이건 cmd에서만 가능. 터미널은 불가) 2. 프로젝트 생성 $ npx create-expo-app 프로젝트이름 * 만약, 프로젝트 템플릿을 선택하고 싶다면 다음 명령어 실행 $ npx create-expo-app --template 3. 프로젝트 생성 후 해당 디렉토리로 이동 $ cd 프로젝트이름 4. 프로젝트 실행 $ npx expo start 또는 yarn expo start * 만약, 웹브라우저로 사용을 원하는 경우 다음의 명령어 설치 후 위의 명령어로 재시작 ..

[Expo] react-native-web, react-dom 설치 오류 [expo web 사용시]

에러로그 1. expo start --web 후 발생하는 로그 : web으로 열라카면, react-native-web, react-dom가 있어야 함 : 그래서 react-native-web, react-dom를 설치하려면 Y 누르래서 Y 누르니 안된다고 저지랄 √ It looks like you're trying to use web support but don't have the required dependencies installed. Would you like to install react-native-web, react-dom? ... yes ✖ Failed to install react-native-web@~0.18.7, react-dom with error: npm exited with non..

[Expo] 일반 로컬 빌드 및 Google Play 배포 (Expo 빌드) [3/5]

시리즈 (일반 : 2번 ~ 4번 | 심화 : 5번) 빌드 및 배포 전체메모 : https://radpro.tistory.com/461 빌드 준비 (Google 설정 등) : https://radpro.tistory.com/464 일반 로컬 빌드 및 Google Play 배포 (Expo 빌드) : 현재 글 EAS(Expo Application Sevice) 자동화 : https://radpro.tistory.com/463 Git Actions 연결 : https://radpro.tistory.com/465 빌드 1. 일반 빌드 (최초 1회 꼭 필요) // expo가 처음에만 실행 npm install -g expo-cli npx create-expo-app my-app // eas설치 npm install..

[Expo] Git Actions 연동 [5/5] (선택사항)

시리즈 (일반 : 2번 ~ 4번 | 심화 : 5번) 빌드 및 배포 전체메모 : https://radpro.tistory.com/461 빌드 준비 (Google 설정 등) : https://radpro.tistory.com/464 일반 로컬 빌드 및 Google Play 배포 (Expo 빌드) : https://radpro.tistory.com/466 EAS(Expo Application Sevice) 자동화 : https://radpro.tistory.com/463 Git Actions 연결 : 현재 글 방법 1. 공식문서에 따라 update.yml파일을 만든다. (공식문서) 더보기 /* 1. 프로젝트 루트에 다음 경로로 파일 생성 */ .github/workflows/update.yml /* 2. up..