리액트 네이티브

[React native] JSX 알아보기

JSX ? JSX는 JavsScrpt XML를 줄인말로 JavsScript와 XML의 구문을 합친 코드를 말해요. JSX 구문을 바벨 플로그인을 통해 여러 개의 React.createElement 함수를 호출하여 평범한 자바스크립트로 변환해요. 좀더 쉽게 알아보기 위해 예제로 알아봅시다. import React from 'react' import { SafeAreaView, Text } from 'react-native' export default function App() { return ( Hello, React native! ) } 위와 같이 html태그를 사용하는 방법과 아래와 같이 JSX를 사용하는 방법이 있어요 import React from 'react' import { SafeAreaVie..

[React native] 리액트 네이티브 개발환경셋팅 간단하게 해보기

리액트 네이티브를 개발하기 위한 개발환경셋팅 리액트 네이티브를 개발하기 위해서는 필요한 설치 프로그램들이 몇가지 존재합니다. 1. Scoop 설치하기 Scoop을 왜 사용하는가!? 이유는 간단합니다. 개발 환경을 세팅하기 위해서는 각각 필요한 프로그램들이 있는데요. Scoop을 설치하지 않고 개발을 세팅할 경우 각각의 프로그램들을 웹사이트에 접속하여 직접 내려 받아야 합니다. 또한! 설치한 프로그램들이 업데이트 되었을시 다시 웹사이트 접속하여 내려받아야합니다. 이런 과정들을 한번에 해결할수 있는것이 Scoop이에요. Scoop으로 설치한 프로그램들은 scoop update * 명령어로 한꺼번에 최신 버전으로 업데이트를 할수 있습니다. Windows PowerShell을 관리자모드로 실행해주세요. Set-..

[React native] 리액트 네이티브란? 쉽게 설명하기

리액트 네이티브! 리액트 네이티브가 뭔지 알아보자 리액트 네이티브는 페이스북에서 만든 오픈소스로 모바일 애플리케이션 프레임워크입니다. 모바일 크로스 플랫폼으로 프로그래밍 언어(Javascript)로 IOS와 안드로이드 모바일 앱을 동시에 개발할수 있는 오픈소스입니다. 예를 들면, IOS 앱을 개발하기 위해선 Object-C 또는 Swift를 배워야하고, 안드로이드 앱을 개발하기 위해선 Java 또는 Kotlin을 배워야 합니다. 앱을 하나 만드는데 각각의 모바일마다 개발하는 언어가 다르다?! 앱은 어렵다고 생각할꺼에요. 이 점을 좀더 쉽게 개발할수 있게 하이브리드 웹앱 이라는 방법이 있습니다. 하이브리드 웹앱 하이브리드 웹앱이란 모바일 웹 브라우저위에서 동작하고, 이 웹 브라우저를 네이티브 기능으로 감싸..