본문 바로가기

redux-thunk2

[React Nativ] - 비동기 데이터 가져오기 (fetch, redux-thunk) React Native 202 - 데이터 가져오기 (fetch) 앱이 실행되자마자 서버에 있는 DB데이터를 가져와서 조회하려고 한다. 예를 들면, 아마존 홈페이지를 누르고 쇼핑탭에가면 쇼핑 상품들이 쫙 뜨는 것을 구현하고 싶다. 데이터는 메모리에 있는 것이 아니라 서버(server-side)에 있기 때문에, HTTP 의 GET 요청을 통해 데이터를 받는다. 리덕스에서 프로젝트의 액션을 보자. redux 는 기본적으로 액션 객체를 디스패치한다. ({type: ACTION_TYPE } 과 같은 액션 객체) 따라서 액션 생성자는 아래와 같이 파라미터를 받아와서 바로 액션 객체를 리턴해주는 함수였다. export const fetchProducts = (products) => { return { type: SE.. 2020. 12. 21.
[React Native] redux-thunk, Http 요청, 웹서버, DB React Native 201 - redux-thunk, Http 요청, 웹서버, DB 1 React Native App 2 Web Server 3 Database 1, 2, 3을 연동해보자. 1에서 바로 3으로 연동하는 것은 보안상 매우 위험한데, 그 중간에 미들웨어 역할을 하는 웹서버를 넣어준다. 여기서는 React Native를 위한 간단한 웹서버가 필요하므로, 이런 기능을 빨리 제공해주는 구글의 Firebase 웹서버를 적극 이용한다. 데이터 상태 관리 react-redux 에서 데이터의 상태 관리를 할 때, reducer,action 을 사용했다. 여기서 action 함수만 useDispatch 를 통해 모든 영역에서 사용할 수 있었다. 하지만, 리덕스에 등록되어 있지 않은 다른 함수도 사용하고.. 2020. 12. 20.
728x90