개발노트

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를 ..

최적화 context API 의 Provider 에 value를 넣어줄때 useMemo useMemo를 안해주면 value가 바뀔때마다 Provider안에 있는 컴포넌트들이 다 리렌더링 되버림. const tblContextValue = useMemo( ()=>({ tableData, dispatch , gameOver }) ,[tableData]); 지뢰찾기 타이머:{timer} 결과:{result} Form, Table, Tr, Td 하위컴포넌트의 경우 React.memo 사용 jsx의 useMemo contextAPI를 쓰면 기본적으로 state가 바뀔때마다 useContext 를 쓴 함수컴포넌트가 한번리렌더링 된다 const Td = memo(({trIndex, tdIndex}) =>{ const..

칸 열었을때 지뢰 갯수 표시해주기 (1) 주변에 지뢰가 있는지 검사하기 위해 around 배열에 주변 칸(상태값)들 담아줌 ! let around = []; if(tableData[action.trIndex-1]){ around = around.concat( tableData[action.trIndex-1][action.tdIndex -1], tableData[action.trIndex-1][action.tdIndex ], tableData[action.trIndex-1][action.tdIndex +1], ) } around = around.concat( tableData[action.trIndex][action.tdIndex -1], tableData[action.trIndex][action.tdIn..