본문 바로가기
728x90
반응형

React/Native2

ReactNative) ScrollView와 FlatList의 비교 (feat: React의 &&와 ...) 안녕하세요. 후르륵짭짭입니다. 이번에는 ReactNative에서 UITableView와 같은 기능을 구현하는 방법에 대해서 작성해보려 합니다. UITableView를 안 쓰는 앱은 거의 없으니깐요. 정말 강의에서 알려준 것 만큼 간단한 정보만 작성하려고 합니다. ** ScrollView ** function App2() { ... ... return ( {/* ScrollView는 UI가 Render 될 때 내부의 모든 View를 Rendering 한다. 따라서 List와 같은 형식에서는 ScrollView가 맞지 않다. 그래서 이러한 문제를 해결하기 위해 등장한 것이 FlatList이다. */} {/* Lists of Goals */} { /* courseGoals.map(function(goal) {.. 2023. 3. 8.
ReactNative) ReactNative 취미 시작 (feat: Component, FlexBox) 안녕하세요. 후르륵짭짭입니다. 최근에는 Javascript에 취미를 가지고 싶어서 ReactNative 강의를 통해서 공부를 하고 있습니다. 앞으로 Javascript는 너무 기본적인 언어라 생각하여 지금이라도 취미를 가져 나중에 제게 도움이 될 것 같아서 앱 개발자인 저에게 좀 더 친숙 할 수 있는 React Native로 공부를 시작하게 됐습니다. (요즘에는 나의 노동력으로 돈을 버는게 쫌 회의적이라서 ㅠ ㅠ.) ** React Native 시작하기 ** - Sample 프로젝트 생성 - 설치를 원하는 디렉토리에 가서 sudo npm install -g expo-cli를 하면 react Native에서 개발할 수 있는 환경을 제공하는 expo를 설치하게 됩니다. 그런 다음 expo init 을 작성하.. 2023. 3. 1.
728x90
반응형