[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..

안녕하세요. RyuWoong입니다. React Native에 대한 글이나 자료들이 부족함을 깨닫고, 이런 쪽에 도움이 되고자. React Native의 기초적인 내용 부터 차근차근 글을 연재 해볼까 합니다. 빈도는 주 2회정도 생각하고 있습니다. 기본적인 환경은 Mac OS이며, 툴은 VScode, Android Studio, Xcode를 사용합니다. iOS를 빌드 및 실기기에 실행하려면, Mac OS가 필요한 점을 인지해주세요. 부족한 부분이나, 질문, 자세한 설명이 필요하다고 느끼시면 댓글 또는 메일 보내주시면 답변드리겠습니다. 그럼 잘 부탁드리겠습니다. 🙇

안녕하세요! RyuWoong입니다. 이번 이야기는 화면 전환과 설계에 관한 이야기 입니다. React Native(이하 RN)에서 든 Web에서든 빠질 수 없는 것이 Router 역할인데, RN에서는 Navigation을 사용합니다. 몇 개의 라이브러리가 있지만 저는 React Navigation을 주로 사용하기 때문에 해당 라이브러리 위주로 설명하겠습니다! Navigation의 종류 주로 사용하는 Navigation의 종류는 3개 정도로 아래와 같습니다. - Stack - Bottom Tab - Drawer 각 Navigation의 기본 적인 사용법은 라이브러리 홈페이지에 설명이 잘 되어 있어 생략합니다. 추가적인 질문이 있으시면 댓글로 남겨주세요. Stack Naviagtion 먼저 가장 메인이 되는..

안녕하세요! RyuWoong입니다. 포스팅이 조금 늦어졌습니다! 원래 Navigation을 포스팅하려다가 생각해보니까 기본적인 Component 이야기를 해야할 것 같아서, 새롭게 작성한다고 그만..! 그럼 본론으로 들어가도록 하죠. React Native(이하 RN)에서 View를 구성할 땐 Web과 다른 독자적인 Component를 사용합니다. 자! 그럼 어떤 Component들이 있는지 살펴 볼까요? 공식문서 내 여기서🙋 볼 수 있습니다. 깨알 같은 Tip도 많으니 도움이 됐으면 좋겠습니다. Components ActivityIndicator 로딩 시 빙글빙글 돌아가는 애니메이션을 보신 적 있을 겁니다. 그것을 만드는 컴포넌트입니다. 자주 보시죠? Button 버튼입니다. 하지만 실질적으로 거의 사..