개발노트

airbnb가 문법엄격한편 npm i -D eslint-config-airbnb 웹접근성. npm i -D eslint-plugin-jsx-a11y //.eslintrc "extends":[ "airbnb" ], "rules":{ "no-underscore-dangle": "off" //끄고싶을때 } 바벨최신버전을 쓴다 npm i -D babel-eslint { "parser":"babel-eslint", // "parserOptions":{ "ecmaVersion":2019, "sourceType":"module", "ecmaFeatures":{ "jsx":true } }, "env":{ "browser":true, "node":true, "es6":true // }, "extends":[ // "es..

import { all, fork, takeLatest, call, put } from 'redux-saga/effects'; function loginAPI(){ } function* login(){ try{ yield call(loginAPI); yield put({ type: LOG_IN_SUCCESS }) }catch(E){ console.error(e); yield put({ type:LOG_IN_FAILURE }) } } function* watchLogin(){ yield takeLatest(LOG_IN, login); } export default function* userSaga(){ yield all([ fork(watchLogin), ]); } fork는 함수 비동기적 호출 takeL..

generator사용자가 원할때 뭠쳤다가 원할때 재게 가능. closed되기전까지 next를 쓸수 있음 중단점 만들기 - yield function * generator(){ console.log('1'); yield; console.log('2') } next로 실행시 1까지만 호출됨 function * generator(){ console.log('1'); yield 3; console.log('2') } yield에 값을넣어줄수 있음 yield* '321'; *을 붙이면 뒤의 값을 iterable(반복가능값)로 처리하겠다는 것 function * generator(){ yield 1; yield 2; yield* '123'; } function * generator(){ yield 1; yield ..

https://aloha2jh.tistory.com/51 redux 즉 리덕스는 State를 분배. 리액트의 state를 하나의 store에 모아서 관리하면서, 하나의 state를 여러 컴포넌트에 전달할수 있다. 필요한 state를 골라서 해당컴포넌트에 전달할수 있음 store 리덕스 stat aloha2jh.tistory.com 비동기인 일을 처리할때 리덕스사가 리덕스가 동기이기 때문에 리덕스 사가도 써야한다. (예를들어 로그인과정을 처리할때, 로그인요청-> 데이터로DB조회후 ..(끝나면)-> 로그인성공 or실패 인데, 리덕스는 동기라서- 바로실행 ,로그인요청후 ( 어떤일들 ) 을처리할수가, 방법이 없음 그래서 리덕스 사가를 쓴다.) 리덕스 사가 설치 npm i redux-saga generator를 ..