react-native

react-native cli로 시작하기 - node, rbenv, eslint prettier, 절대 경로 설정하기

나중에 어떻게 될지 몰라서 일단은 Expo를 사용하지 않고 react native cli를 사용해서 프로젝트를 세팅해보려고 합니다. 이미 프로젝트는 다 셋업 했는데 사실 시작하기가 그렇게 쉽지는 않더라고요. 리엑트 네이티브 현업에서 사용했지만 처음부터 새로 시작해보는 경우는 이번이 처음이라 많이 버벅되기도 했고 설치하는 것 도 마냥 쉽지만 않았습니다. Realm은 로컬 데이터 스토리지로 사용을 하려고 도입했습니다. Realm을 사용하는 방법이 그렇게 많이 나와 있지는 않아서 처음에 조금 해맸는데 다들 이 글을 보시고 빠르게 셋업 하셨으면 좋겠습니다. * 모든 셋업은 맥북 m1 기준으로 작성하였습니다. 언어는 typescript를 사용합니다. 목차 - Node 설치 - ruby rbenv 설치해서 루비 버..

react-native-vector-icons 설치하는 방법 및 사용방법

리엑트 네이티브 프로젝트를 하다 보면 아이콘이 필요한 시기가 찾아옵니다. 웹 쪽에는 react-icons가 있지만 react native에는 react-native-vector-icons가 있습니다. 설치 방법이 아주 간단할 줄 알았지만 그냥 설치만 해서는 안 되는 걸 알았습니다. 원래는 react-native에 자동으로 linking을 하게 하면 라이브러리를 복사해서 저장하게 되는데 필요한 아이콘 모음만 가져가기 위해서 이런 셋업이 필요합니다. 모든 react-native-vector-icons 보는 방법 보는 방법은 간단 합니다. 아래 웹사이트에 가셔서 브라우징을 하시면 됩니다. 처음 보는 아이콘들도 있는데 아래와 같이 14종류에 아이콘 모음이 있습니다. AntDesign by AntFinance (..