► React Native/개발일기
-
[React Native] pod install 에러해결► React Native/개발일기 2024. 1. 31. 23:59
에러발생 상태 리액트네이티브 새프로젝트를 생성해서, pod install 명령어를 실행하니 아래와 같은 에러가 발생하였다. ▼ 에러문구 [!] /bin/bash -c set -e #!/bin/bash # Copyright (c) Meta Platforms, Inc. and affiliates. # # This source code is licensed under the MIT license found in the # LICENSE file in the root directory of this source tree. set -e PLATFORM_NAME="${PLATFORM_NAME:-iphoneos}" CURRENT_ARCH="${CURRENT_ARCH}" if [ -z "$CURRENT_ARCH" ] ..
-
안드로이드환경에서 리액트네이티브앱 에뮬레이터 구동하는 방법► React Native/개발일기 2024. 1. 31. 23:25
안드로이드환경에서 구동하는방법 1. 앱을 빌드해 실제기기에서 구동 2. 안드로이드 에뮬레이터에서 구동 안드로이드 에뮬레이터 리액트네이티브앱 구동하는 방법 1. 안드로이드 스튜디오에서 Open버튼을 클릭후 프로젝트>android 경로를 열어준다. 2. 우측상단에 핸드폰모양과 안드로이드 캐릭터가 보이는 아이콘이 있다. AVD Manager(Android Virtual Device Manager_안드로이드 시뮬레이터를 관리하는 도구)를 열기3. +(Create Virtual Device )버튼을 누르자.4. [Select Hardware 화면] 에서 Phone 그룹의 아무 기기나 선택하고 Next 버튼 클릭 5. [System Image 화면] 에서 Recommended 탭에서 맨 위에 있는 시스템이미지의 D..
-
Xcode, CocoaPod 설치하는 방법► React Native/개발일기 2024. 1. 30. 23:56
1. Xcode 설치하는 방법 Xcode와 CocoaPods는 iOS 프로젝트를 만들기 위해 설치하는 도구이다. 맥OS에서만 설치가 가능하다. Xcode는 앱스토어(App Store)에서 키워드를 검색해 설치한다. 또는, 아래의 링크에서 설치가 가능하다. https://bit.ly/install-xcode Xcode Xcode includes everything developers need to create great applications for Mac, iPhone, iPad, Apple TV, Apple Watch and Apple Vision Pro. Xcode provides developers a unified workflow for user interface design, coding, ..
-
맥OS에서 안드로이드 환경변수 설정하는 방법► React Native/개발일기 2024. 1. 30. 23:16
안드로이드 개발환경을 준비하기 위해 안드로이드 관련 환경 변수들을 설정해야 한다. 맥OS에서는 $HOME/.zprofile 또는 $HOME/.zshrc 파일을 수정해 환경 변수를 설정한다. ( 단, 맥OS 카탈리나(Catalina) 미만 버전을 사용한다면 기본 셸이 zsh이 아닌 bash 이므로, $HOME/.bash_profile 또는 $Home/.bashre 파일을 수정해야한다.) 1. 터미널에 아래의 명령어를 입력실행한다. % vim $HOME/.zshrc 터미널 환경에서 파일을 수정할 때는 vim이라는 명령어를 사용하면 편하다. 2. 아래의 코드를 삽입하고, vi 명령어 :qw (저장후닫기)로 저장해준다. export ANDROID_HOME=$HOME/Library/Android/sdk expor..
-
안드로이드 스튜디오 설치하는 방법► React Native/개발일기 2024. 1. 28. 23:52
1. 아래링크로 이동 https://developer.android.com/studio?hl=ko Android 스튜디오 및 앱 도구 다운로드 - Android 개발자 | Android Developers Android 스튜디오는 Android 앱에 최적화된 통합 개발 환경(IDE)을 앱 빌더에게 제공합니다. 지금 Android 스튜디오를 다운로드하세요. developer.android.com 2. Download Android Studio Hedgehog 버튼을 클릭하여, 안드로이드 스튜디오를 다운로드하기 3. 안드로이드 스튜디오 설치파일 실행하기 1) [Welcome화면] ‘Android Studio’ 실행하면 설치시작화면이 나옴. ‘Next’ 버튼 클릭하기. 2) [Install Type화면] 설치..
-
Watchman 설치하는 방법► React Native/개발일기 2024. 1. 28. 10:51
1. Homebrew 설치하기 (설치방법은 링크참고: https://daram-tree.tistory.com/356 ) 맥OS에서 Homebrew, JDK(Java Development Kit) 설치하기 맥OS에서는 패키지 관리 소프트웨어인 Homebrew로 편하게 JDK를 설치할 수 있다. Homebrew 설치하기 1. 링크로 이동 https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. ‘Homebrew 설치하기 daram-tree.tistory.com 2. 아래의 명령어 입력실행 % brew install watchman 개인적으로 개발시행착오를 겪으면서, 그런 경험들을 기록하기도하고, 모은정보들을 ..
-
맥OS에서 Homebrew, JDK(Java Development Kit) 설치하기► React Native/개발일기 2024. 1. 28. 10:38
맥OS에서는 패키지 관리 소프트웨어인 Homebrew로 편하게 JDK를 설치할 수 있다. Homebrew 설치하기 1. 링크로 이동 https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 2. ‘Homebrew 설치하기’ 하단의 명령어를 복사해 터미널에 입력실행 % /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" JDK(Java Development Kit) 설치하기 1. Homebrew 설치완료후, 아래의 명령어 입력실행 % brew install --cask adoptopenjdk/op..
-
yarn 설치하기► React Native/개발일기 2024. 1. 28. 10:10
yarn 설치하기 모든운영체제에서 아래의 명령어로 yarn 설치가 가능함 % npm install --global yarn yarn, npm 명령어 비교 yarn과 npm 모두 패키지관리도구이다. 두개중에 익숙한 도구를 사용하면되지만, 아래와같이 사용하는 명령어가 다르다. 패키지관리도구 yarn npm 명령어 yarn add npm install -save 명령어 yarn npm run 개인적으로 개발시행착오를 겪으면서, 그런 경험들을 기록하기도하고, 모은정보들을 메모하며, 개인공부내용을 공유하는 게시물입니다. 친절한 조언과 다양한 의견 남겨주시고, 소통해주시는분들은 언제든지 환영합니다 :D