[React-Native] ReactNative의 기본 규칙

고성인·2024년 3월 31일

ReactNative

목록 보기
2/9

native기기는 브라우저가 아니기 때문에 react native에서는 div나 h2와 같은 html요소를 사용할 수 없으며, CSS코드를 사용하는 것이 불가능하다.

View

div를 사용할 수 없기 때문에 View라는 특수한 component를 사용한다.
해당 component를 사용해 여러 component들을 묶을 수 있는 container로 생각하면 된다.

Text

span, p같은 태그를 사용할 수 없기 때문에 Text라는 component가 사용되어지며, react native에서 모든 text는 해당 component내에 존재해야한다.
Text component 밖에 text를 입력할 시 오류가 발생한다.

StyleSheet

CSS코드를 작성할 수 없기 때문에 CSS와 비슷하지만 전체 CSS property와 기능 중 일부만 지원되는 style을 사용해야한다.
CSS는 아니지만 CSS에서 지원하는 대부분의 기능을 지원하며, 대부분 android와 ios에서 모두 동작하지만, 일부 style은 한쪽 플랫폼에서만 지원하기도 한다.

0개의 댓글