목록 Development/React Native (3)
글쓰는 개발자
React Native로 이미지를 로딩하는 방식은 간단히 두가지로 나뉘다. 1. 이미지를 각 사이즈별로 Android, iOS에 프로젝트에 각각 등록하고 uri로 로드해서 사용2. react-native 프로젝트 내부에 파일을 두고 source attribute로 불러서 사용 이미지를 각 해상도별로 나뉘어 관리를 하면 이미지 생성이나 폴더별 파일 관리등 관리에 수고는 많이 들어갈지 몰라도 해상도별로 깔끔한 이미지가 제공되므로 기업에서 서비스하는 앱의 경우 아래와 같이 이미지를 여러개 만들어 프로젝트 자체에 등록해 두고 사용하는 방식이 선호된다.위 이미지는 안드로이드 해상도별 이미지 사이즈에 대한 정보이다. 하나의 이미지를 해상도별 5가지 파일로 만들어 안드로이드 프로젝트의 리소스 폴더에 drawable..
리액트 네이티브는 npm이라는 명령어를 사용해 설치 및 실행을 한다. npm 명령을 사용하기 위해 Node.js를 Node.js 다운받아 설치하자. 리액트 네이티브의 공식 홈페이지는 https://reactnative.dev/이고 여기서 두 종류의 react native 설치 방법을 가르쳐 준다. 그 중 하나는 Expo CLI를 이용한 방법이고, 다른 하나는 React Native CLI를 이용한 방법이다. Expo를 사용하면 별도 Android Studio나 Xcode 없이도 화면을 실행해 볼수 있고 앱의 유용한 기능을 기본모듈로 제공해 주기 때문에 초보자들에게 굉장히 유용하다. 하지만 큰 단점이 존재하는데 네이티브 본래의 기능을 사용하지 못한다는 것이다. 기기의 특정 기능들을 포기하고 빠르게 화면만 ..
개발이라는 것은 꽤나 분야가 다양하다. 그 중 앱 개발은 크게 안드로이드 iOS 두갈래로 나뉘어 진다. 안드로이드는 java 혹은 Kotlin이라는 언어를 배워야 하고 iOS는 Objective C 혹은 Swift라는 언어를 배워야 한다. 뿐만 아니라 안드로이드는 UI를 xml 형태로 구성하기 때문에 xml도 기본적으로 배워야 하고 iOS는 Xcode의 UI 디자인도 공부해야 할 필요가 있다. 이러한 문제 때문에 하나의 플랫폼에서만 개발해도 양쪽 모두에 적용할 수 있는 cordovar, xamarin, react-native, flutter 같은 다양한 프레임워크가 생겨나게 된다. Cordovar 같은 경우 앱의 껍데기를 가진 웹앱을 개발하는데 사용된다. 웹앱이기 때문에 웹 기반 언어들인 javascri..