공부하는 비오

주로 웹만 만들다보니 가끔 앱만들면 설정이 헷갈린다. 저번에 해결했던건데 또 찾아보고 하기 귀찮아서 정리하는 폰트 설정방법 Android 설정 안드로이드는 쉽다. `/android/app/src/main/assets/fonts` 에 폰트파일을 잘 넣어주면됨! iOs 설정 여러 설정이 필요함. 보통 ios가 android보다 설정해줘야할게 많다. 보통은. 1. 일단 xcode를 켜고 폴더에 폰트를 추가해준다. 2. `{프로젝트이름}/info`에 들어가서 `Fonts provieded by application`에 폰트를 추가한다. 3. 왼쪽에 프로젝트이름을 누르고, targets를 프로젝트 이름으로 바꿔주기 4. `Build Phases` > `Copy Bundle Resources`에 폰트 추가 아래쪽에..

ReactNative 2023. 5. 5. 18:25

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

리액트네이티브로 앱을 만들면서, 라우팅을 하기 위해 필요한 라이브러리, `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

오늘 사수님이랑 같이 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