리액트네이티브 5

[ReactNative] axios 세팅, 사가에서 api 호출, 리덕스 스토어로 저장하기

- 깃허브 레포지토리: https://github.com/uu29/lazy-ant uu29/lazy-ant Contribute to uu29/lazy-ant development by creating an account on GitHub. github.com - 깃허브에서 더 깔끔하게 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20react-native%20axios%2C%20saga%2C%20redux.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 지난 시간에 사가, 리덕스를 세팅했다. 이번에는 사가에서 axios 로 api 를 호출한 뒤..

[ReactNative] 리액트네이티브 ScrollVeiw, FlatList

가독성 좋은 깃에서 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20ScrollView%2C%20FlatList.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 웹에서는 콘텐츠가 브라우저 높이보다 길어지면 자연스럽게 스크롤바가 생기면서 콘텐츠 높이만큼 가 길어진다. 그러나 리액트네이티브에서는 그게 당연한게 아니다. 따로 스크롤이 가능하게 하는 컴포넌트를 추가해줘야 하는데, 와 두 개가 있다. [ScrollView] 스크롤뷰는 로딩이 시작될 때 부터 스크린 밖의 컴포넌트까지 한꺼번에 렌더링한다. 화면을 벗어난 영역에 있는 컴포넌트까지 그린다는 것..

[ReactNative] 리액트네이티브에서 리덕스, 사가 사용하기 React Native with Redux Saga

가독성 훨씬 좋은 깃으로 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20react-redux%2C%20saga.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 예시 코드 저장소: https://github.com/uu29/lazy-ant uu29/lazy-ant Contribute to uu29/lazy-ant development by creating an account on GitHub. github.com 리액트네이티브 앱의 State 관리용으로 익숙한 리덕스와 사가 미들웨어를 쓰기로 했다. (이제까지는 Nextjs 와 함께 사용해서 쉽..

[리액트네이티브] RN 네비게이션 - StackNavigator, TabNavigator, NestedNavagation

가독성이 훨씬 좋은 git 에서 보기: https://github.com/uu29/TIL/blob/main/%5BRN%5D%20Navigation.md uu29/TIL Contribute to uu29/TIL development by creating an account on GitHub. github.com 깃허브 레포지토리: github.com/uu29/lazy-ant.git uu29/lazy-ant Contribute to uu29/lazy-ant development by creating an account on GitHub. github.com 기본 패키지: yarn add react-navigation 리액트 네이티브 앱의 대표적인 메뉴 UI 인 상단 헤더, 하단 탭메뉴, 햄버거 메뉴(슬라이드..

[리액트네이티브 주식앱 개발] react-native-vector-icons

SVG 이미지를 아이콘 폰트로 사용하는 가장 흔한 방법은 react-native-vector-icons 을 사용하는 것이다. https://medium.com/@vimniky/how-to-use-vector-icons-in-your-react-native-project-8212ac6a8f06 How to use vector icons in your react-native project Want to use vector icons in your reactive project ? There are a project right for your : react-native-vector-icons . This project is… medium.com 1. 설치 `npm install --save react-nati..