본문 바로가기
반응형

분류 전체보기265

** BUILD FAILED ** Unable to find expo in this project - have you run yarn / npm install yet? > netflify@1.0.0 start > expo start Starting project at /Users/ju_yeonkim/ReactNativeProject/netflify05 Unable to find expo in this project - have you run yarn / npm install yet? 갑자기 위와 같은 에러와 함께 npm start 가 되지 않는다면, 찾아낸 두가지 원인 1. expo 라이브러리 중 설치되지 않은 것이 있는지 확인해본다. 확인 방법은 import하여 사용한 라이브러리가 node_modules 폴더에 잘 있는지 보면 된다. 없다면 설치해준다. 2. expo 버전의 불일치 나의 경우였는데, 나는 왜인지 expo 1.0.0 버전을 사용중이었다. 그래서 pack.. 2023. 1. 23.
** BUILD FAILED ** SDK "iphoneos" cannot be located 해결방법 (xcode 설정 포함) How to Fix SDK "iphoneos" cannot be located ios 에서 pod install 이 실패하거나 빌드에 실패하였다면, 아마도 xcode 를 다운그레이드 해봤을지도 모르겠다. 혹시나 xcode 를 실수로 업데이트 하여서 버전이 13.3 이상이라면 아래 글을 참조해 다운그레이드를 추천한다. 2023.01.11 - [분류 전체보기] - ** BUILD FAILED ** CompileSwift normal x86_64 (in target 'ExpoModulesCore' from project 'Pods') ** BUILD FAILED ** CompileSwift normal x86_64 (in target 'ExpoModulesCore' from project 'Pods') 제안된.. 2023. 1. 22.
** BUILD FAILED ** Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). 해결( 캐쉬삭제 방법 정리) 발생한 에러 Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter. A frequent cause of t.. 2023. 1. 21.
알면 도움되는 기능들. 스타일 상속 / vscode 이모지 단축키 / .toLocaleString() 을 android 환경에서도 사용하기 vscode 이모지를 불러와 사용해보자.(단축키) 단축키는 ctrl+command+space 여러가지 이모지를 찾아 쓸 수 있다. CSS 스타일은 상속받아 재사용할 수 있다. const Wrapper = styled.View` flex-direction: row; height: 100%; width: 90%; margin: 0 auto; justify-content: space-around; align-items: center; `; // Wrapper의 모든 css를 가지며 flex-direction은 재정의한다. const Wrapper_col = styled(Wrapper)` flex-direction: column; `; styled( 스타일 컴포넌트 이름) 으로 선언함으로써 모든 css 속성을 .. 2023. 1. 20.
BlurView 에서 intensive 적용안됨 또는 android/ios 모두 적용 하는 해결방법 BlurView 에서 intensive 적용안됨 또는 android/ios 모두 적용 하는 해결방법 자료출처 : https://reactnative.directory/?search=swiper 해결방안 결론부터 말하자면, react-native-blur 를 사용하는 것입니다. 그리고 android / ios 모두 적용해야하는 앱이라면 react-native-swiper 와의 조합을 추천합니다. import { BlurView } from "expo-blur"; // 대신 import { BlurView } from "@react-native-community/blur"; 사용예시 모듈 설치 (react-native-swiper) npm i react-native-swiper --save 모듈 설치 (@r.. 2023. 1. 19.
[ReactNative] open api 로 데이터 가져오기 01 - using fetch() , useState() useState() , Fetch() 를 이용한 데이터 가져오기 movie 컴포넌트는 useState()와 Fetch() 함수를 사용하여, api를 호출하고 그 결과에 따라 Loader 또는 Container 컴포넌트를 반환한다. 가장 하단에 컴포넌트 전체 코드가 있다. 데이터 가져오기 movie 컴포넌트 작성 예제 movie 컴포넌트 주요 코드 const getNowPlaying = async () => { const { results } = await ( await fetch( `APIURL` ) ).json(); setLoading(false); setNowPlaying(results); }; useEffect() 로 getNowPlaying();을 호출한다. useEffect(() => { get.. 2023. 1. 16.
[javascript] async await 비동기 예제 01 const getNowPlaying = async () => { const { response } = await fetch(API_URL); const json_data = await response.json(); setLoading(false); }; getNowPlaying() same as const getNowPlaying = async () => { const { results } = await ( await fetch(API_URL) ).json(); setLoading(false); }; getNowPlaying() 2023. 1. 16.
우문현답 - 멍청한 질문에 현명한 답을 주다. IOS빌드를 5일째 실패해서 복구하지 못하고 있는 나 IOS 빌드하다. - 프로그래밍 언어를 가지고 아이폰에서 동작하는 앱을 만드는 과정 중 하나. 빌드란 ? 여러개의 코드를 적어 여러개의 파일을 만들어낸 뒤 하나로 합치는 작업을 말함. "아..5일째 갈피를 못잡고 빌드를 못하고 있는데, 나는 안될거였나... 자괴감이 든다요. 남들 다 하는데 내가 못할까 싶어 시작하긴 했는데, 남들만 할 수 있는거 아닌가 의심이 들기 시작합니다. " 이 말을 들은 현자의 답. "주식하는 사람들은 일년 내내 돈을 잃고는 그제서야 돈을 잃지 않는 법을 배우기 시작한다오." 하하하...난 겨우 5일 삽질했구나 ㅋ 2023. 1. 11.
반응형