상상을 현실로 상상을 현실로

package.json에는 dependencies, devDependencies의 두 종류가 있습니다. dependencies는 라이브러리의 버전을 관리하는 곳입니다. 위의 두 개의 dependencies의 차이를 알아보겠습니다. dependencies - 설치 : npm install [라이브러리] - 애플리케이션의 동작과 관련된 라이브러리들 devDependencies - 설치 : npm install [라이브러리] -D, npm install [라이브러리] --save-dev - 애플리케이션의 동작과는 관련이 없음 - 개발할 때에만 사용하는 라이브러리 나누어둔 이유 dependencies의 라이브러리들은 배포할 때 포함이 되는 것들입니다. 배포할 때 사용하는 라이브러리들을 최소화하여 배포를 하면, ..

터미널에서 react-native run-android 할 때 에러가 발생했습니다. 해결방안 android/build.gradle allprojects { repositories { google() exclusiveContent { filter { includeGroup "com.facebook.react" } forRepository { maven { url "$rootDir/../node_modules/react-native/android" } } } } 참고 https://stackoverflow.com/a/74470449 When I try to build for production this error comes up When I try to build for production, this err..

pod install 하는 과정에서 발생한 에러입니다. 해결방안 node_modules/@react-native-community/cli-platform-ios/bulid/config/index.js 파일에서 102번째 줄을 아래와 같이 바꿔주면 됩니다. let configurations = []; if(userConfig) { configurations = userConfig.configurations || []; } 참고 https://stackoverflow.com/questions/74280201/unknown-configuration-whitelisted-cocoapods-found-debug-and-release-did-you Unknown configuration whitelisted: . ..

react native를 처음 타입스크립트로 프로젝트를 생성을 했는데 기본 컴포넌트들을 찾지 못한다는 error가 발생했습니다. 원인 node_modules/@types/react-native/node_modules/@types/react/index 파일에 들어가 보니 react 버전이 17로 되어 있었습니다. 그런데 package.json에는 react와 @types/react 버전이 18로 되어있다 보니 충돌이 생겨서 기본 컴포넌트를 불러오지 못하는 에러였습니다. 해결방안 package.json에서 react와 @types/react 버전을 17로 낮추고, 터미널에서 아래의 명령어를 수행하면 에러가 없어집니다. rm -rf node_modules package-lock.json npm install ..

Reat-Native (JavaScript) // 프로젝트 생성 npx react-native init projectName // react-native 버전을 지정해서 프로젝트 생성 npx react-native init projectName --version=0.68.0 React-Native (TypeScript) //프로젝트 생성 npx react-native init projectName --template react-native-template-typescript // typescript 버전지정 프로젝트 생성 npx react-native init projectName --template react-native-template-typescript@6.10.0 TypeScript 프로젝트 특징..

리프레쉬하는 과정에서 Firebase에 관한 에러가 발생했습니다. 해결방안 if (!Firebase.apps.length) { const app = Firebase.initializeApp({}); } else { Firebase.app(); } 참고 https://stackoverflow.com/a/48686803/19262130 Firebase App named '[DEFAULT]' already exists (app/duplicate-app) Hi I am trying to unit test while developing a simple web with AngularJS + Firebase, but I have a problem defining the spec and trying the test r..

pod install 하는 과정에서 'react-native-charts-wrapper'에서 'RNCharts'를 찾을 수 없다는 에러가 발생했습니다. 해결방안 ios/Podfile pod 'RNCharts', :path => '../node_modules/react-native-charts-wrapper' to pod 'react-native-charts-wrapper', :path => '../node_modules/react-native-charts-wrapper' 참고 https://github.com/wuxudong/react-native-charts-wrapper/issues/864#issuecomment-1145729565 [!] No podspec found for `RNCharts` in..

최근에 React-Native에서 HotFix로 인하여 react-native 라이브러리를 업데이트하는 과정에서 생긴 오류입니다. react-native 0.66.1 -> 0.67.5 버전으로 올렸습니다. (react-native hotfix 된 버전으로 바꿈) 그리고 android에서 빌드를 하니까 react-native-reanimated 라이브러리 버전에 관련된 오류가 발생했습니다. 위의 에러를 고칠려면 react-native-reanimated 버전을 올려야 했습니다. 현재는 2.2.3 을 사용하고 있으나 최소 2.3.X 버전으로 올려야 위의 오류가 수정이 되었습니다. 하지만 에러 디버그 모드로 앱을 실행을 하니까 그냥 하얀색 화면만 나오고 에러코드도 나오지 않는 현상 원인 현재 프로젝트 라이브러..