Mobile4 Story Book과 Code Push ReactNative로 앱을 개발할 때 UI 개발을 위한 Story Book과 앱에 대한 수정사항을 앱 빌드 없이 배포할 수 있는 Code Push개념이 있다. 이번 포스팅에서는 Story Book과 Code Push 개념에 대해서 알아보자.Story BookStorybook은 UI 컴포넌트를 개발하고 테스트하기 위한 강력한 오픈소스 도구입니다. React Native를 포함한 다양한 프론트엔드 프레임워크에서 사용할 수 있습니다. 장점UI 컴포넌트 개발 환경: 개발자가 애플리케이션의 전체 로직과 분리하여 UI 컴포넌트를 독립적으로 개발할 수 있게 해줍니다.시각적 테스팅 도구: 다양한 상태의 컴포넌트를 쉽게 확인하고 테스트할 수 있습니다.문서화 도구: 컴포넌트의 사용법과 속성을 자동으로 문서화합니다.협업.. 2024. 11. 11. React Native 앱 개발하기 (3) 이번 시간에는 ReactNative에서 제공하는 View들과 View에 기능을 추가하는 방법을 알아보겠습니다.View 종류View: 가장 기본적인 UI 컨테이너 컴포넌트입니다.ScrollView: 스크롤 가능한 컨테이너입니다.FlatList: 대량의 데이터를 효율적으로 렌더링하는 리스트 컴포넌트입니다.SectionList: 섹션으로 구분된 리스트를 렌더링합니다.Text: 텍스트를 표시하는 컴포넌트입니다.TextInput: 사용자 텍스트 입력을 받는 컴포넌트입니다.Image: 이미지를 표시하는 컴포넌트입니다.ImageBackground: 배경 이미지로 사용할 수 있는 컴포넌트입니다.TouchableOpacity: 터치 이벤트를 처리할 수 있는 투명도 조절 가능한 컴포넌트입니다.TouchableHighlig.. 2024. 10. 7. React Native 앱 개발하기 (2) 지난 번에는 React Native 앱의 초기화 방법과 초기화시 생성되는 각 파일들의 기능들에 대해 알아봤습니다. 이번 시간에는 JavaScript로 작성되는 코드를 어떻게 각 플랫폼으로 구동하는 것인지 그 원리에 대해 알아보려합니다. React Native 구동 원리React Native는 JavaScript 코드를 네이티브 플랫폼에서 실행할 수 있는 브리지를 제공하고 JavaScript 코드와 네이티브 코드 간의 통신은 브리지를 통해 이루어집니다. 이를 통해 JavaScript에서 네이티브 API를 호출하거나, 네이티브에서 JavaScript 이벤트를 발생시킬 수 있습니다. Android에서는 JavaScriptCore를, iOS에서는 JavaScriptCore 또는 Hermes 엔진을 사용합니다... 2024. 10. 4. React Native 앱 개발하기 (1) 최근 사내 모바일 개발 플랫폼을 React Native로 구현하기로 결정되면 관련해서 공부가 필요하다고 느꼈네요. 깊이 있는 테스트를 위해서 React Native로 간단한 앱을 개발해보면서 어떻게 구동되는지에 대해 이해해보려합니다.개발 환경 설정React Native는 Node.js 환경에서 실행되기 때문에 Node.js 설치가 필요하다. 설치 후 터미널에서 node -v와 npm -v 명령어로 설치를 확인한다.React Native는 iOS와 Android 플랫폼 개발을 함께 할 수 있기 때문에 기본적으로 각 플랫폼 빌드를 위한 환경이 구성되어야한다.JDK, Android Studio, Xcode 등...React Native CLIReact Native 프로젝트를 생성하고 관리하는 명령줄 도구입니다.. 2024. 9. 30. 이전 1 다음
