공부하는 비오

GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source and full styling. Customizable Icons for React Native with support for image source and full styling. - GitHub - oblador/react-native-vector-icons: Customizable Icons for React Native with support for image source a... github.com 토이 프로젝트는 나 혼자 뽀작뽀작 만들어보는거라 아이콘 만들어줄 디자이너 없음 ^^ 즉 아이콘이랑 모든걸..

ReactNative 2022. 7. 25. 22:20

EsLint랑 Prettier 설정을 다 해놨는데, VsCode 에서 적용이 안된다 ㅠㅠㅠ 아니 왜죠... 이거 안되면 너무 불편한데... 근데 설정파일 건드리기 전에는 됐었다. 하지만 이 설정 다른 프로젝트에서도 사용하는건데?? 하면서 적용 안되는 채로 코딩하다가 안되겠다 싶어서 원인을 찾아나섰다. 그리고 발견한 허망한 실수 VsCode에서 터미널 켜면 Extensions들을 볼 수가 있는데... 거기서 ESlint 를 눌러보니 에러메시지가 보였다. 플러그인 넣었는데 설치안해서 생긴 오류였다. 설치안했던 라이브러리들 설치하고났더니 잘 적용된다.

Error 2022. 6. 26. 21:49

리액트네이티브로 앱을 만들면서, 라우팅을 하기 위해 필요한 라이브러리, `react-navigation` https://reactnavigation.org/docs/getting-started/ reactnavigation.org `react navigation` 공식 페이지로 들어가서 하라는대로 설치하고 사용해봤다. 우선 필요한 라이브러리들을 설치한다. yarn add @react-navigation/native yarn add react-native-screens react-native-safe-area-context yarn add @react-navigation/native-stack ios 개발을 위해서는 cocoapods도 설치해주자. npx pod-install ios android 개발을 ..

ReactNative 2022. 6. 21. 23:17

XCode 에서 폴더를 열려고 했는데 이런 에러가 떴다. 엥 왜 못연다고 하지... 그 전에 만들어뒀던 폴더도 이걸로 열려고하니 안열리고, 옆에 최근기록남아있는걸로는 열린다. 여는 방법이.... 이게 아닌가본데...? 해서 검색했다. 그리고 React-native로 만든 앱은 저렇게 여는게 아니라 `.xcodeproj`로 열어야 한다고 한다. 왜냐하면 `cocoapods`를 사용하여 앱을 구성했기 때문에. 흠. 어쨌든 `.xcodeproj`는 `pod-install` 하면 생기는 파일이다. 프로젝트 폴더에서 ios에 들어가보면 `{프로젝트이름}.xcodeproj`이 있다. 이걸 클릭하면 xcode로 프로젝트가 열림! Refer to. https://1lines.tistory.com/56

Error 2022. 6. 19. 21:08

에뮬레이터로 안드로이드를 실행시켰더니 이런 에러가 떴다. 저장용량이 부족해서 발생하는 에러라고... 에뮬레이터는 정해진 용량이있는데 휴대폰 용량 부족할때 앱 삭제해주는것처럼 용량이 부족하면 앱을 삭제해주거나 메모리 관리를 해줘야 한다고 한다. ...읭... 실제 앱을 사용하는것같은 환경을 만들어주고 싶은건가...? 다 좋은데 그동안 내가 실행한건 그냥 react-native cli로 만들기만한 앱 두개밖에 없는데... 폴더 위치 이동했으니 다른앱이라 생각한다치면 세개...? 근데 안된다고? 용량이 너무 적게 할당되어 있는거 아닌가... 일단 저 오류를 해결할 수 있는 방법 한가지. 에뮬레이터 강제 재부팅하기 like as 휴대폰이나 컴퓨터안되면 전원으로 강제 리부팅. 안드로이드 스튜디오를 켜고, VDM(..

Error 2022. 6. 18. 20:51

react native start를 하려고 했는데, watchman에서 Operation not permitted 에러가 발생했다. 하지만 이 프로젝트는 불과 이틀전만해도 잘 실행되던 프로젝트... :0 도대체 뭐가 문제인거야...하고 인터넷에 찾아봤다. 그리고 여러가지 답변들을 발견했는데, 1. watchman에 권한을 부여해준다. 2. watchman을 버전 낮춰서 새로 깐다. 3. 폴더를 Desktop 밖으로 옮긴다. 2번 3번은 해결책이 아닐거라 생각해서 1번을 먼저 시도했다. 일단 맥 설정을 켜고, [Security & Privacy] - [Privacy] - [Full Disk Access] 로 들어간다. 아래쪽 자물쇠를 열고 맥비밀번호입력 혹은 지문인식을 한 후, [+] 버튼을 눌러서 `wa..

Error 2022. 6. 18. 20:15

오늘 사수님이랑 같이 react native cli를 사용하기위해 환경설정 해봤다. 설정할땐 별 생각없었는데 이런저런 오류들을 마주하며 나중에 다시하려면 못할것같아서, 남겨보는 기록. React-native-cli로 프로젝트 시작하기 어차피 환경설정을 안하면 프로젝트 실행이 안되지만 일단 프로젝트를 먼저 만들고 나서 환경설정을 해보자. 타입스크립트를 사용할거라서 타입스크립트 템플릿을 사용하여 react native를 시작했다. npx react-native init {프로젝트 폴더 이름} --template react-native-template-typescript 이제 앱개발을 하기 위해서 환경설정을 해보자. 환경설정 우선 react native cli로 시작하려면, Android랑 ios랑 둘다 설정..

ReactNative 2022. 6. 18. 17:20

앱은 브라우저위에서 실행되는게 아니기때문에 앱을 만들기 위해서는 XCode나 Android Studio 같은 시뮬레이터가 필요하다. ReactNative로 앱을 만들기위해서는 시뮬레이터들을 설치해줘야하고 여러 설정들을 해줘야한다. (환경세팅하고 설치하는게 제일 어렵다 ㅠㅠ) Expo 란? Expo는 시뮬레이터를 사용하지 않고(원한다면 사용할 수 있다) 앱을 만들기위해 필요한 설정들을 해준다. Expo를 사용하면 빠르게 앱 개발을 시작 할 수 있다. CRA랑 비슷한 역할을 해준다고 생각하면된다. 하지만 단점이라면 expo에서 사용하는 API만 사용이 가능하다는 점. native 파일들을 제어하기가 힘들다. 그러므로 빠르게 react native로 개발하고 싶을때, 간단한 앱을 만들어 볼 때 사용하기 좋다 ..

ReactNative 2022. 6. 6. 17:28