[React Native] 0-4. 시작하기1. 부터 Component와 API를 톺아볼까요?React Native에서는 화면을 구성하기 위해 다양한 Component들을 제공해요. 이 Component들은 놀랍게도, 각 OS 환경에서 맞는 Native Component로 변환되어 동작하는데요.예를 들어 위 그림과 같이 메뉴 항목을 React Native Component로 표현하자면,// React Native Component로 만들어 진 예.function MenuItem() {...return ( )}위와 같은 모습으로 작성할 수 있어요. 이는 Android와 iOS에서 각각 아래와 같이 변환 돼요.// Android //iOS 이러한 방식은 React Native 핵심이라고 볼 ..

안녕하세요! RyuWoong입니다. 이번 글은 React Native 프로젝트를 만들고 실행해보도록 하겠습니다. 익숙하신 분은 아래 사이트를 참조하여 설정하시면 되겠습니다. Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 시작 저는 Mac OS 환경을 기준으로 작성하겠습니다. 우선, React Native를 설치하는 두 가지 방법이 있습니다. 하나는 Expo라는 React Native Framework이고, 하나는 순수 React Native입니다. 과거에 Expo는 Native Module을 설치하거나..

[React Native] 0-2. React Native와 Flutter 중에 무엇을 사용할까?아마 개발을 공부하고 시작하려고 하니 뭘 준비해야할 지 무엇을 공부해야할지 어떻게 공부해야할지 막막해하시는 분이 꽤나 있을 거라 생각합니다. 이런 분들에게 도움이 되셨으면 하는 바람에 작성합니다. React Native를 시작하기 앞서, 아래와 같은 준비과정이 필요합니다.기본적으로 JavaScript를 알아야하며 JSX 작성하기 위해서는 HTML과 CSS의 기본적인 이해를 필요로 합니다. HTML과 CSS는 좋은 자료와 글이 많기에 유튜브나 구글을 통해 검색하시면 쉽게 익히실 수 있을 거라 생각합니다.Javascript부터 중요한데, 저는 아래와 같은 사이트들을 추천합니다. https://developer.m..

[React Native] 0-0. 인사말[React Native] 0-1. React Native?꽤나 자주 접하는 주제로 React Native와 Flutter중 어떤 기술을 선택하면 좋을지에 대한 고민이 있는 것 같습니다.MVP 서비스를 준비하거나 스타트업 같이 규모가 작은 경우 또는 고정비용인 인건비를 줄이기 위해 Native보단 CrossPlatform 프레임워크인, React Native나 Flutter를 고민하시는 분들이 많을거라 생각합니다.어떤 기술을 고르는 것이 좋은지에 대해 한번 생각해보았습니다. ※ 순수한 제 생각이기 때문에 참고 용도로 사용하시길 바랍니다. 고려사항.기술을 선택하게 될 때, 다양한 상황을 고려 하여 선택하게 됩니다.만약, 카메라 또는 블루투스 등의 Native 기능을..

[React Native] 0-0. 인사말React Native 공식 홈페이지 내 첫화면에 소개된 내용을 번역했습니다.어떤 기술인지 간략하게 보고 넘어가면 좋을 거 같습니다.React를 사용하여 Android, iOS 등의 Native App을 만드세요!React Native는 React를 사용하여 최고의 사용자 인터페이스를 구축 위한 Native를 개발 할 수 있습니다.조금 또는 많이 사용하세요! 기존의 Android, iOS 프로젝트에서 React Native를 사용하거나, 처음부터 새로운 앱을 만들 수도 있습니다.  Javascript로 작성해 Native로 Rendering하세요.React는 Native Platform UI로 Render 되며, 이는 앱이 다른 앱과 동일한 Native Platf..