react Native

react Native란

 

사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리

React.js + React-dom ⇒ Web App

react Native 플랫폼에 구애받지않는다 !

 

웹개발에 모바일 어플리케이션  다 사용가능

react Native란 

모바일 어플리케이션을 만들수 있는것

리엑트네이티는 

1.Saving cost- 비용절감이 가능하다!

안드로이드 -> ios ->  한번에 개발이 가능

따로따로 구할 필요없음

-그걸로 만들어진것들

인스타 테슬라 페이스북 스카이프 등등 대부분 서비스들을 다 만들수있다 .

리엑트 네이티브 구조

export default function App() {

return (

<SafeAreaView>

<Wrap>

<Header>

<Button value="Javascript" />

<Button value="React" />

<Button value="Coding Test" />

</Header>

<InputWrap>

<InputBox placeholder="Enter your task" />

</InputWrap>

<ListWrap>

<ScrollView>

<Wrap>

<TodoBox></TodoBox>

</Wrap>

</ScrollView>

</ListWrap>

</Wrap>

<StatusBar />

</SafeAreaView>

);

}

 

기본적으로 태그자체 이름이 다른것들이 많고 스타일 컴포넌트로 많이 나눠났다.

투드리스트 기본 UI만 만드는것도 아직은 벅차다 .

연습좀 많이 해보고 익숙해져야겠다.