라벨이 [react-native]인 게시물 표시

react-native project에 react-navigation을 통해 Tab navigation 추가하기.

이미지
Comments: App에서 필요한 기본적인 기능인 navigation을 붙이는 작업을 진행하면서, 추가적으로 발생한 이슈나 팁등을 공유할까 합니다. 원본 리소스는  https://facebook.github.io/react-native/docs/navigation 에 있는 페이지를 토대로 진행 했습니다. Spec: Node v10.11.0 NPM v6.4.1 Macbook npm 을 통해서 react-navigation 설치하기.  run npm install react-navigation 설치 후에 Node에 새로 추가된 dependency 에 대한 warming 체크로 이런 에러가 많이 뜨네요. npm audit fix --force 를 통해서 해당 이슈를 해결하였습니다. 사실 이렇게 했는데도 warmming 이 다 해결되지 않았지만, 일단 사용하지 않는 package 이기 때문에 사용할때 추가하면 될것 같아서 스킵 하였습니다. --force 후에 결과 페이지 Sample 코드를 추가 후에 npm run ios 실행 해서 결과를 보니, 에러 발생. Plugin/Preset files are not allowed to export objects react-native 0.56의 경우 expo를 지원하지 않음 npm eject를 통해 프로젝트를 기본으로 돌려서 npm run ios 진행했으나 에러 발생. npm start를 통해서 해봐도 똑같은 에러 발생. replace를 해도 main 쪽에 스크립트가 변경되지 않아서 똑같은 에러 발생. package.json에 main 쪽도 변경해줘야 함.  "main": "node_modules/expo/AppEntry.js"  이것땜에 프로젝트 다시 지우고 다시 설치함. 빈 프로젝트라 괜찮은데 기존 프로젝트의 경우에는 화가 많이 날것 같습니다. 드디어 완료!! 이제 코드를 ...

react-native 프로젝트 ios simulator 실행시 버그

이미지
Comments: react-native 프로젝트를 생성 후에 npm start 를 하고 i 를 눌러서 ios simulator를 열었는데, ` Unable to check Xcode version: Error: Process exited with non-zero code ` 해당 오류가 발생해서 오류를 해결하는 방법을 추가하였습니다. 간단한 방법이지만, 처음으로 해보는 react-native에 대한 경험 및 Troubling Shooting 에 대한 내용을 블로그에 적으려고 합니다. 못하는 영어지만 영어도 같이. 이유는? 연습하기 위해서! Requirements: Xcode react-native project Status: cd react-native project && npm start && press i button Xcode가 설치되어 있음에도 불구하고, 이런 에러의 나오는 이유는 Xcode 설치시에 기본적으로 Command Line Tools가 선택이 안되어 있어서 Version을 찾지 못하는 에러입니다. Even if i installed Xcode, react-native can't found Xcode version. Thats' why can't found Xcode Simulator version is Xcode default Command Line Tools setting are can not set any Xcode version. so you should select Xcode version one time Solve: Xcode 열기 - Open Xcode 왼쪽 위에 있는 Xcode버튼 클릭하기 - Click Xcode button in left top Preferences 클릭하기- Click Preferences     4. Locations 메뉴로 가기 - Goto Locations menu ...