솜이의 데브로그

Reference : 처음 배우는 리액트 네이티브 (김범준) 컴포넌트 재사용이 가능한 조립 블록으로 화면에 나타나는 UI 요소이다. 부모로부터 받은 속성이나 자신의 상태에 따라 표현이 달라지고 다양한 기능을 수행한다. 내장 컴포넌트 https://reactnative.dev/docs/button Button · React Native A basic button component that should render nicely on any platform. Supports a minimal level of customization. reactnative.dev 리액트 네이티브에는 위와 같은 다양한 내장 컴포넌트들이 제공된다. src/App.js import React from 'react'; import {..

Reference : 처음배우는 리액트 네이티브 와이어프레임이란 최종 화면에 구성될 콘텐츠를 간단히 요약해서 보여주는 것이다. 컴포넌트 : 재사용할 수 있는 조립 블록으로, 화면에 나타나는 UI요소. JSX JSX : 객체 생성과 함수 호출을 위한 문법적 편의를 제공하기 위해 만들어진 확장 기능. XML과 유사하다는 점에서 중첩된 구조를 잘 나타낼 수 있다는 장점이 있다. 여러 개의 요소를 표현할 경우 반드시 하나의 부모로 감싸야 한다. import { setStatusBarStyle, StatusBar } from 'expo-status-bar'; import React, {Fragment} from 'react'; import { StyleSheet, Text, View } from 'react-na..

리액트 네이티브 프로젝트를 생성하는 방법은 Expo를 이용하는 방법과 리액트 네이티브 CLI를 이용하는 방법이 있다. 두 가지 방법 모두 시도해 볼 것이다. 1. Expo https://expo.io Expo Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. expo.dev 먼저 위의 Expo 웹사이트에서 회원가입 후 Expo 프로젝트를 진행한다. expo는 최종적으로 완성된 프로젝트를 쉽게 배포 및 관리할 수 있도록 다양한 기능을 제공 아이폰과 안드로이드 폰이 있으면 해당 플랫폼의 테스트를 진행하며 개발 가능 Expo에서 제공하는 API..

Reference : 처음배우는 리액트 네이티브 React Native란 iOS와 안드로이드에서 동작하는 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크. 장점 리액트 네이티브의 가장 큰 장점은 작성된 코드 대부분 플랫폼 간 공유가 가능해서 두 플랫폼을 동시에 개발할 수 있다는 것이다. 작성된 구성 요소들이 재사용 가능하다 변경된 코드를 저장하기만해도 변경된 내용이 적용된 화면을 확인할 수 있는 패스트 리프레쉬 기능을 제공해 즉각적인 수정 내용 확인이 가능하다. 작성된 코드에 따라 각 플랫폼에서 그에 알맞은 네이티브 엘리먼트로 전환되기 때문에 큰 성능 저하 없이 개발이 가능하다. 단점 네이티브의 새로운 기능을 사용하는데 오래 걸린다. 유지보수의 어려움. 잦은 업데이트 리액트 네이티브의 동작 ..