​ ​

react native

    React Native Vector Icons 설정

    React Native로 애플리케이션을 만들 때 icon은 필수적이다. react native에서 icon을 사용하려면 몇가지 설정이 필요하다. 1. React Native Icon 설치하기 npm i react-native-vector-icons 2. Xcode 설정하기 (iOS 설정) 프로젝트의 ios 폴더 안의 .xcworkspace 를 Xcode로 실행한다. 해당 프로젝트 이름의 폴더에 new folder를 추가하고 이름을 Fonts로 한다. 새롭게 추가한 Fonts 폴더안에 node_modules/react-native-vector-icons/Fonts 하위에 있는 모든 폰트를 추가한다. (중요!) 3. Info.plist 파일 설정 해당 프로젝트의 ios 폴더 안의 Info.plist 파일을 ..

    React Native 초기 설정

    1. React Native 란 리액트 네이티브는 오픈소스 라이브러리로, 이를 통해 Android 와 iOS 애플리케이션을 제작할 수 있다. React Native를 사용하면 React Component를 사용하여 javascript 코드에 대한 View를 만들수 있다. 런타임에 React Native는 Component에 해당하는 Android, iOS 뷰를 생성한다. 리액트 네이티브는 앱을 구축하는데 사용할 수 있는 필수 요소들을 제공하고 있고, 이러한 구성 요소는 리액트 네이티브의 Core Components요소라 한다. 리액트 네이티브의 Core Components는 앞으로 더 설명을 하려한다. React native core components는 여기 공식문서에서 자세히 확인할 수 있다. 리액트..