728x90 반응형 React3 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. React) React Router V6를 한번 써보기 안녕하세요. 후르륵짭짭입니다. 요즘에 개인적으로 하고 싶은게 있어서 React를 공부하고 있습니다. Web공부를 제대로 해본적이 없어서,,, CSS HTML에 익숙하지 않아서 공부할게 많더라구요 ㅎㅎㅎㅎ React 공부한 걸 적어봐야지 마음은 먹었지만, 너무 간단한 것들이라 생각해서 안 올렸는데, React Router Dom은 나름 쫌 알아야겠더라고요. 취미생활로 하는 글이다 보니 참고용으로 해주세요 ㅋㅋㅋㅋ (IOS만 하다보니 기본적인 상식인 Web를 잘 못 하던거 반성 중 ㅠㅠ) ** Router Dom이란 ** Router Dom이란 URL의 링크에 따라 Component를 생성해주는 겁니다. React는 SPA(single page application)입니다. 물론 하나의 URL 링크로 사용자.. 2022. 6. 6. 이전 1 다음 728x90 반응형
