블랙베리 메모장 블랙베리 메모장

React Native

• [React Native] 기초 개념 정리

  React Native 2022. 12. 8. 23:19

  리액트 네이티브는 React.js 라이브러리 기반으로 만들어진 프레임워크로 기본적인 구조는 리액트와 닮아있으며 대표적으로 4가지로 정리할 수 있습니다. 1. 컴포넌트(Component) UI의 한 부분, 부분들을 재사용이 가능하도록 조각내어 운영하는 기법으로 버튼 하나가 컴포넌트가 될 수 있고, 버튼을 모아둔 영역도, 화면 전체도 컴포넌트가 될 수 있습니다. 즉 화면의 모든 부분을 컴포넌트라 할수있습니다. 2. 속성(Props) 키와 밸류 형태의 데이터를 컴포넌트에 전달하는 것 {content.title} //numberOfLines={1} > Text의 속성 //키 > numberOfLines //밸류 > 1 3. 상태(State) 컴포넌트에서 보유하거나 관리되는 데이터를 상태(State)라고 합니다...

  Read More
• [React Native] {} 표현식과 조건문

  React Native 2022. 12. 4. 22:27

  짝수, 홀수 스타일 다르게 적용하기 { tip.map((content,i)=>{ return i % 2 == 0 ? ( {content.title} {content.desc} [{content.idx}]{content.date} ) : ( {content.title} {content.desc} [{content.idx}]{content.date} ) }) } Expo go 화면

  Read More
• [React Native] Text 말줄임 속성, ScrollView 가로 스크롤

  React Native 2022. 12. 4. 01:48

  말줄임 속성 numberOfLines 2줄이 넘어가면 맨 끝이 '...'으로 표시 될 긴 내용의 텍스트 공식문서 : https://reactnative.dev/docs/text?redirected Text · React Native A React component for displaying text. reactnative.dev ScrollView 가로 스크롤로 변경하고싶을때 horizontal 추가하기 공식문서 : https://reactnative.dev/docs/scrollview ScrollView · React Native Component that wraps platform ScrollView while providing integration with touch locking "responde..

  Read More