반응형 React Native18 [React Native] 리액트 네이티브 styleSheet로 스타일 적용하기 웹 환경에서 스타일을 적용하기 위해 사용하는 css처럼 리액트 네이티브에서는 styleSheet를 사용한다. CSS와 styleSheet의 차이점은 css에서 사용하는 셀렉터가 존재하지 않는다. 스타일 속성을 작성할때는 camelCase로 작성한다. display 속성은 flex, none으로 구성되어 있다. flexDirection 속성은 column. 스타일 단위는 dp만 사용할 수 있다. css에서 background는 리액트 네이티브에서는 backgroundColor로 사용한다. css에서 border는 borderWidth, borderStyle, borderColor등으로 설정한다. styleSheet를 사용하는 방법을 아래 예제로 알아보자. styleSheet는 js파일마다 설정할 수 있고,.. 2023. 3. 30. [React Native] 리액트 네이티브 소개 및 작업 환경 설정 1. 리액트 네이티브란? 리액트 네이티브는 (React Native) 페이스북에서 개발한 자바스크립트 라이브러리로 자바스크립트와 리액트 라이브러리를 사용하여 하이브리드 앱을 개발할 수 있는 기술이다. 리액트 네이티브에서 제공해주는 라이브러리를 사용하여 네이티브의 자원에 접근하고, 사용할 수 있으며 안드로이드 (android), iOS 환경에서 모두 사용할 수 있어서 하이브리드 앱을 개발하는데 유용하다. 하이브리드앱은 안드로이드 코틀린이나 iOS 스위프트 등의 언어를 새로 배우지 않아도 리액트 네이티브를 사용하여 안드로이드와 iOS 플랫폼 모두 한번에 개발할 수 있는 장점이 있다. 그러나 개발을 하다보면 안드로이드 스튜디오와 xCode 모두 사용을 해야 하기 때문에 조금씩은 사용하게 된다. 2. 작업환경 .. 2023. 3. 29. 이전 1 2 3 4 5 다음 반응형