redux-saga
-
[React] redux-saga - take, takeEveryFrontend/react 2020. 3. 15. 03:27
현재 프로젝트엔 take로 코드를 작성해서 여기에 takeEvery에 대한 간략한 설명을 남기고자 한다. redux-saga는 미들웨어에서 백그라운드로 실행되어 reducer와 마찬가지로 action을 캐치해 실행된다. - take의 경우 ACTION을 캐치해 함수를 실행시킨다. - takeEvey의 경우 무한하게 take를 실행하는 것으로 while(true)문 안에 take를 실행하는 것이라 생각하면 된다. 소스를 바로 보자 아래 두 코드는 같은 동작을 한다. // take 사용 function* takeFetchActionSaga() { while(true){ const action = yield take('FETCH_ACTION'); const result = yield call(() => fet..
-
[React] How to stop refresh when submit formFrontend/maskeyes 2020. 3. 15. 03:11
리엑트에서 form을 submit 했을때 페이지 재실행 되지 않고 비동기 작업을 하는 방법. 먼저 나는 웹 개발 경험이 그렇게 많지 않다. 그래서 필요에 의해 한번씩 개발을 하게 될때면, 검색을 최대한 활용한다. 주소 검색 기능이 필요해서 작업 했던 과정(삽질?)을 남기고자한다. 아래는 bootstrap을 이용해서 Navigation에 Form을 가져왔다. 이동 여기서 시작이다. 이동 버튼을 누르면 submit 이벤트가 발생해 serachAddress 함수가 실행된다. searchAddress는 아래와 같이, 실행되면 input의 값을 dispatch 함수로 넘겨준다. searchAddress: (e) => { dispatch(mutations.searchAddress(e.target['inputAddr..