본문 바로가기

React Native

(7)

[ ReactNative ] react-native-vector-icons 셋팅하기. react native 프로젝트를 진행할 때 내가 자주 사용하는 아이콘 라이브러리가 있다. 바로 react-native-vector-icons 이다. 다양한 폰트의 아이콘을 사용할 수 있어서 자주 애용하는데, 예전에는 해당 라이브러리를 link 해주면 금방 사용했지만 최근 프로젝트에서는 ios로 시뮬레이터를 돌리고 있었는데, 아이콘을 사용한 부분에서 해당 에러가 발생했다. unrecognized font family 'Feather' 내가 사용하려던 아이콘의 font 를 인식할 수 없다는 오류였다. 흠.. 그래서 구글링을 통해 방법을 찾았다. 참고 사이트 : https://aboutreact.com/react-native-vector-icons/ 전체 아이콘 확인 : https://oblador.gith..

[ ReactNative / iOS ] iOS 시뮬레이터 디바이스 변경하기. React Native로 iOS 시뮬레이터를 통해 프로젝트를 빌드를 하는데, 계속 내가 설치하지 않은 iOS 버전의 iPhone 타겟이 잡혔다.ㅠㅠ 답답해서 서치를 해보니 공식 페이지에 친절히 나와있다! 1) 현재 사용 가능한 device 정보 확인하기 xcrun simctl list devices 명령어를 치면 아래와 같이 내가 사용가능한 iOS 버전과 디바이스 목록이 나온다. 2) 사용 가능한 디바이스 중 내가 원하는 디바이스 및 iOS 버전 선택. npx react-native run-ios --simulator="iPhone 13 (15.5)" 이렇게 명령어를 입력하면 이렇게 내가 원하는 디바이스의 원하는 iOS 버전으로 시뮬레이터 선택이 가능하다-!! 참고 자료 ) React Native 공식 ..

[ ReactNative / M1 ] Pod install 관련 에러 해결 방법. 나의 맥북프로(M1칩)에서 react native ( ios / macOS ) 프로젝트를 새로 생성하고 새로 생성한 프로젝트 폴더의 ios 폴더에서 'pod install' 을 진행해 주었더니 다음과 같은 오류가 발생했다. 안내대로 `pod install --repo-update` 명령어를 실행시켰지만 해결되지 않았다...ㅠㅠ... pod install 이 정상적으로 처리되지 않는 오류가 발생...😭 Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65 React Native 공식 페이지의 Guide와 stackOverflow를 참고하여 오류를 해결하였다. 1. react native 프로젝트 폴더..

[ React Native ] React Native 에서 Text 길이 조절 및 줄바꿈 하기. 출처 - React Native 공식 페이지 Text 문서 React Native에서 텍스트의 줄 길이를 flexible 하게 길이 조절 및 줄 바꿈을 하고 싶을 때는 컴포넌트의 속성 중numberOfLines 를 사용하면 된다. 한글에 대하여 훈민정음 해례본]은 세종이 직접 서문을 쓰고 정인지 같은 신하들에게 글자에 대한 설명을 적게 한 것입니다. 이 책이 1940년에 안동에서 발견될 때까지 우리는 한글의 창제 원리에 대해 전혀 모르고 있었습니다. 그러다 이 책이 발견됨으로 해서 한글이 얼마나 과학적인 원리로 만들어졌는지 알게 되었답니다. 이 책이 우리에게 전해진 것은 전적으로 성북동에 있는 간송미술관을 세운 전형필 선생의 공입니다. 선생은 아주 비싼 가격으로 이 책을 샀고 6∙25 때에도 이 책 한 ..

[ RN / expo ] expo error "EACCES: permission denied .expo/state.json." React Native Expo 프로젝트에서 npm run start 명령어를 실행했더니 EACCES: permission denied .expo/state.json.2042385213 위와 같은 오류가 발생했다.ㅠㅠ 구글링을 해보니... Stack Overflow에 같은 오류에 대한 답변이 나와있었다. sudo rm -rf ~/.expo npm run start 내가 예상한 오류의 원인은 내가 sudo npm install --global expo-cli 명령어를 이용해서 expo-cli를 global로 설치해주었는데, 그 이유로 expo실행에 권한 이슈가 발생한 것으로 예상됐다. stackoverflow에 나온 답변을 참고하여 명령어를 실행했더니, 지금은 expo가 정상적으로 실행되고 있다. 😄

[ React Native ] ios 빌드 오류 PhaseScriptExecution 해결 echo $(brew --prefix nvm 스터디 과제를 작업하려고 오랜만에 react-native를 작업하게 됐는데, npx react-native run-ios 명령어를 이용하여 ios 시뮬레이터를 빌드하다가 아래와 같은 오류가 발생했다. ** BUILD FAILED ** The following build commands failed: PhaseScriptExecution [CP-User]\ Generate\ Specs /Users/asha/Library/Developer/Xcode/DerivedData/harmony_app-fhptqlhkykmbvnaqxgqutziqjggh/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FBReact..

[ React Native ] Xcode "domain=com.apple.CoreSimulator.SimError, code=405" 오류 React Native를 이용하여 앱개발 스터디를 하고 있던 중에 집에서 내 아이맥으로 빌드했을 때는 발생하지 않았는데, 점심시간에 회사에서 아이맥으로 빌드하니 아래와 같은 이슈가 발생하였다. Failed to launch the app on simulator, An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405): Unable to lookup in current state: Shutdown 바로 구글링을 해보니 다들 비슷한 오류 발생 글은 많은데, 해결에 대한 글이 몇개 없었다....😥 그중에 내가 해결한 방법은 바로 이 블로그를 참고한 xcode 캐시 삭제. 1. 맥의 왼쪽 ..

이전 1 다음

티스토리툴바