React Navtive3 [RN]레이아웃,스타일 자자 모든 Views는 기본적으로 Flex Container 이다. 그리고 웹 에서는 Flex Direction의 기본 속성은 Row지만!! 모바일에서는 Flex Direction의 기본 속성이 Column이다. 레이아웃 속성을 정할 때 width, height을 사용하지 않는다. 이유는? 기기마다 스크린의 크기가 다르기때문에 바람직하지 않음. React Native다운 레이아웃 설정을 하려면 Flex 속성을 이용해서 비율을 활용한다 ex)fex: 1 RN는 모든게 Component다. 따라서 스크롤을 내리고 싶을 때도 Scroll기능구현이 가능한 Component를 가져와야한다 React Native에서 ScrollView를 가져오자. https://reactnative.dev/docs/scrollvi.. 2023. 5. 21. [RN]컴포넌트,API 가져오기 https://reactnative.dev/docs/components-and-apis Core Components and APIs · React Native React Native provides a number of built-in Core Components ready for you to use in your app. You can find them all in the left sidebar (or menu above, if you are on a narrow screen). If you're not sure where to get started, take a look at the following cat reactnative.dev 위의 사이트에서 컴포넌트와 API들을 가져와서 사용할 수 있다! .. 2023. 5. 12. [RN]리액트 네이티브 시작하기 리액트와 리액트 네이티브에 대해서 짚고 넘어가자 - React는 웹 어플리케이션 개발을 위한 자바스크립트 라이브러리이고, React Native는 하이브리드 앱이며 iOS 및 안드로이드 앱 개발을 위한 프레임워크. React는 웹 브라우저 상에서 동작하며, React Native는 네이티브 모바일 앱에서 실행된다. 두 기술은 공통적으로 React의 구성 요소 기반 접근 방식을 사용하며, React Native는모바일 앱에서 사용되는 네이티브 UI 컴포넌트를 지원함. React Native는 JSX와 JavaScript로 작성된 React 컴포넌트를 사용하여 앱을 빌드함. React와 React Native는 코드 공유를 최대화하기 위해 비슷한 API를 공유하고 있당. 리액트 네이티브 AKA RN은 JS로.. 2023. 5. 11. 이전 1 다음
