생각은 길게 코딩은 짧게

안녕하세요 세히이 입니다 이번에는 네비게이션을 적용해보았답니다! Stack Navigator 1) 리액트 네비게이션 라이브러리 & 추가 라이브러리 설치 npm install @react-navigation/native #아래도 필수이므로 설치해주세요! npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view 2) Stack 을 위한 라이브러리 설치 npm install @react-navigation/native-stack 3) 필요한 component 를 import 시켜주기 import ..

안녕하세요 세히이 입니다 저번에 썼던 json 가져오기를 보고 오시면 더욱 이해가 잘 될 것 같아요 :) FlatList는 언제 써야 하는가 ? 모든 데이터를 한번에 렌더링하는 것이 아니라 사용자가 swipe를 할 때 swipe한 화면의 크기만큼 자동으로 리렌더링이 되어 보여지는 컴포넌트 데이터의 길이가 가변적이고, 데이터의 양을 예측할 수 없는 경우에 사용하기 적절하다. View 속성 비교하기 RecyclerListView 도 써보고 싶었는데 너무 자료가 없어서 아직 못했어요 ㅠ 성공하면 포스팅 해보겠습니당 참고한 코드 return ( ( )} /> ); React에서는 map으로 돌려서 GetRepairList 클래스를 만들어주어 뿌려주는 방식으로 했지만 React-Native의 FlatList는 m..

React에서 해보았던 Json파일 가져오기를 React-Native에서도 해보았어요! Client와 Server간의 Data 교환은 request와 response message를 통해 이루어집니다. Client는 Server에 있는 Data를 받기 위해 request message를 요청하게 됩니다. 이후 Server는 요청 받은 request message를 통해 response message로 응답을 하게 됩니다. http://,,,/goods/GetGoods 에 예전에 올렸던 Json 데이터를 가져와보겠습니다 먼저 필요한 컴포넌트들을 import 해줍니다. 저는 util 폴더를 따로 만들었어요 constant_variables.js ( URL을 포함하고 있습니다 ) export default c..

✅ 최근에 더 완벽하게 환경설정을 하였습니다!! 최근 글으로 환경설정을 하신 뒤 , 오류는 이 글을 참고하시면 좋을 것 같습니다 :) [React-Native] React-Native 완벽하고 빠르게 환경설정 노트북에서 벗어나 데스크탑으로 바꾸면서 환경설정을 처음부터 다시했어요 믿고 따라오시면 30분도 안걸릴 것임!! 예전에 한 환경설정이 매우 복잡한 것을 확인하고 다시 포스팅 하였습니다 ! sayhee.tistory.com 안녕하세요 세히이 입니다 ! 이번에는 리액트 네이티브 환경설정을 해보았어요 ... !! 포기하지말고 따라오세여 시작하기 전 필수사항 자바 11버전 설치 & 경로도 바꿔주기 node.js 최신버전 설치(이미 설치가 되어있어도 확인!!) start Chocolatey 설치 (관리자권한으..