immer는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.

아래는 redux에서 reducer쪽 immutable state를 immer로 handling하는 예제이다.

공통코드

import { createAction, handleActions } from "redux-actions";
import produce from "immer";

// Action Types
export const INCREMENT = "INCREMENT";
export const increment = createAction(INCREMENT);

const defaultState = {
  count: 0
};

X

const reducer = handleActions(
  {
    [INCREMENT]: baseState =>
      produce(baseState, ({ count }) => {
        count = count + 1;
      })
  },
  defaultState
);

export default reducer;

O

const reducer = handleActions(
  {
    [INCREMENT]: baseState =>
      produce(baseState, draft => {
        draft.count = draft.count + 1;
      })
  },
  defaultState
);

export default reducer;

[Linux] 포트 사용하는 프로세스 찾기

## 4000번 포트를 사용하는 프로세스를 찾고 Kill하는 예제lsof -i:PORT_NUMBER```shlsof -i:4000```![/images/lsof.png](/images/lsof.png)kill -9 PROCESS_NUMBER```...… Continue reading

2019 카카오 FE(Front-end) Meetup

Published on September 16, 2019

2019 카카오 개발자 컨퍼런스

Published on September 11, 2019