반응형

🎸/React Native 7

[ React Native -삽질 기록 ] react-native run-ios 오류 해결 ( CompileC , load 에러 , Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. , pod install, pod update , M1 빌드 오류)

진짜 목,금 부터 오늘(월)까지 하루종일 리액트 네이티브 run-ios 에러가 끊임없이 떠서 Xcode 다시 깔고.. 깔았던 cocoapods 삭제했다가 npm 삭제했다가 sudo gem install ffi 등등 이걸 몇번을 한건지..🥲 한 3시간 탈주했다가 안되면 디스크 포맷할 생각으로 이게 안되면.. 답은 포맷이다..하고 했는데 드디어 됐다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ다섯줄은 더 울어도 부족하지만 미래의 나 || 누군가를 위해.... 눈물닦고 정리하기 😇 나한테 뜬 에러는 다음과 같다. Xcode 12.4로 업뎃한 이후로 발생한 문제라고 한다( 근데 난 그전에 잘 되었는데...?) 참고로 나는 (node:46965) Warning: Accessing non-existent pr..

🎸/React Native 2021.02.08

[ React Native ] 리액트 네이티브 기본강좌 5강 - state

www.youtube.com/watch?app=desktop&v=_Y3bTACoi2U 이 강의 참고 그러나.. 이분은 계속 class형을 사용하기 때문에 공식 문서에서 이 부분을 찾아서 function 형으로 고쳐서 작성하고 있다. 시간이 배로 걸리지만... 공식 문서가 친절해서 다행이다. 공식문서를 나중에 따로 정리할까 했지만 나중에는 또 안할거같아서 그냥 이해한대로 정리를 해야겠다. State란? 컴포넌트 내에서 값을 변경하거나 지정할 때 State를 사용한다. - 글로벌 변수라고 생각하자!! - State의 초기설정과 값 변경을 익혀야 한다. state 는 컴포넌트의 개인 데이터 저장소와 같다! 대체로 랜더링할때 컴포넌트를 확인하기 위해 props를 사용하고, 시간이 지났을 때 변할 법한 컴포넌트 ..

🎸/React Native 2021.02.05

[ React Native ] 리액트 네이티브 기본강좌 4강- props 정리

www.youtube.com/watch?v=1HWlWWnkNcU&list=PL60Uti4nULBN7EQYmgjksXJXnkufo0m-9&index=7 참고 강의영상 4강에서는 props에 대한 개념과 이미지를 넣는 방법을 배웠다. Props 란? "리액트는 다수의 컴포넌트로 이루어져있는 결정체이다. 컴포넌트 간 값을 공유하기 위해 Props라는 객체를 이용한다" Post 나 GET 처럼 파라미터를 넘기는 방식 리액트에서는 컴포넌트간 값을 넘길 때 props를 이용한다 이런식으로 오른쪽 화면 제목에 입력한 값이 왼쪽 제목으로 그대로 들어온다 😇 이미지 삽입하기 (function 형) 우리는 class 형이 아니라 function형으로 통일하기로 해서 위의 강의 동영상 속 코드를 function형으로 바꾸어..

🎸/React Native 2021.02.05

[ React Native ] 리액트 네이티브 기본강좌: 3강 Hello world(2)

Expo CLI vs React-Native CLI Expo CLI 장점 편리한 배포, 디버깅 expo에서 제공하는 편리한 기능 사용 추가적인 Native 코드 작성아 불가 (eject를 통해 가능하지만..) React-Native CLI 장점 Xcode, android studio를 통해서 Native 코드 확장이 가능 (카카오톡 연동고 같은 기능이 필요할때) 개인적으론 React-Native로 개발하는 것을 추천 React Native Helloworld 실행 및 구조 Hello world 출력하기 코드 App.js 코드 import React from 'react'; import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, } fr..

🎸/React Native 2021.02.05

[ React Native ] 새로운 어플리케이션 만들기

이미 global하게 react-native-cli 패키지를 설치했다면 예상치 못한 이슈가 발생할 수 있으므로 지우세요... 1. AwesomeProject라는 이름의 새로운 리액트 네이티브 프로젝트를 만들어보자 npx react-native init AwesomeProject 이미 존재하는 어플리케이션에 리액트 네이티브를 통합시키는 중이거나. Expo에서 "ejected"했거나, 기존의 React Native 프로젝트에 ios support를 추가하는 중이라면 (참고 페이지 :reactnative.dev/docs/platform-specific-code) 이를 실행할 필요가 없다. 또, React Native app을 시작하기 위해 Ignite CLI(github.com/infinitered/ignit..

🎸/React Native 2021.02.03

[ React Native ] React Native CLI Quickstart 리액트 네이티브 환경 구축

Dependency 설치방법 Node & Watchman brew install node brew install watchman Node가 이미 설치되어있다면 버전 10 이상이어야함. Watchman은 페이스북이 제공하는 툴인데 파일 시스템 발생하는 변화를 관찰하는 툴이다. Xcode & CocoaPods Xcoed를 가장 쉽게 설치하는 방법 ➡️ apps.apple.com/us/app/xcode/id497799835?mt=12 Xcode를 설치하면 ios Simulator랑 ios app을 사용하는 모든 필수 툴이 같이 설치된다. 이미 xcode 가 설치되어있다면 9.4 이상 버전인지 확인해야한다. ‎Xcode ‎Xcode includes everything developers need to creat..

🎸/React Native 2021.02.03