[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입니다. 이번에는 앱의 첫 인상! App Icon 설정에 대해서 이야기 해볼까 합니다. 정말 쉽고 간단하니 바로 이야기 드릴게요! App Icon? 앱 아이콘은 다들 잘 아실 꺼라 생각합니다. App을 설치하면 가장 먼저 볼 수 있는 이미지 아이콘이죠. 간단하게 설정할 수 있지만 내 앱이 무엇인가! 에 대해 애플 로고처럼 보여주는 부분이기 때문에 아주 중요합니다. Android 먼저 Android를 볼까요? 먼저 자신의 앱을 상징하는 로고가 있다면 아래 사이트에서 간단하게 아이콘을 제작할 수 있습니다. Android Asset Studio - Launcher icon generator romannurik.github.io 기본적으로 Square, Circle 두 종류는 설정해주..

안녕하세요. RyuWoong 입니다. RN을 만지다보면 다양한 에러를 접하게되는데요, 그 중 누구나 쉽게 맞닥뜨릴 수 있는 에러를 하나 소개하려고합니다. 바로 가보실까요? 문제. RN을 Release 하기 전에 실기기에 빌드를 하시게 될 겁니다. 하지만, Build 중에 에러가 발생합니다. Command PhaseScriptExecution failed with a nonzero exit code 정확하게 알 순 없지만 Node 때문에 발생하는 것 같습니다. 🤔 https://reactnative.dev/docs/new-architecture-troubleshooting#xcode-build-issues Troubleshooting · React Native This page contains resolu..

안녕하세요 RyuWoong 입니다. 앞서 포스팅한 글 중 Component를 소개하는 글이 있었죠? 거기서 RN은 Web과 다르게 Scroll을 하기 위해서 List Compnent가 존재한다고 했습니다! 크게 Scroll View와 Virtualized List로 나누어지는데요. 한번 알아봅시다. Scroll View 먼저 Scroll View에 대해 알아봅시다. Scroll View는 단순하게 Scroll 기능이 추가된 View입니다. 물론 Scroll 기능이 추가되면서 View보다 더 많은 Props를 지원합니다. 자세한 사항은 RN 공식 문서를 참조해주세요. 어떨 때 사용하냐면, Page에서 Height가 긴 시안을 표현하면서 반복되는 요소가 없다면 사용합니다. 왜냐하면 Scroll View 내 ..