4주차 코드리뷰 요청 #146
4주차 코드리뷰 요청 #146
Conversation
src/InputContainer.jsx
Outdated
| } | ||
|
|
||
| function handleClickAddTask() { | ||
| dispatch((addTask())); |
src/reducer.js
Outdated
| }; | ||
|
|
||
| export default function reducer(state = initialState, action) { | ||
| if (action.type === 'updateTaskTitle') { |
There was a problem hiding this comment.
if문이나 스위치문 없이 코드를 작성할 수 있을까요?
src/reducer.test.js
Outdated
| describe('task를 삭제한다', () => { | ||
| it('task가 없어진다', () => { | ||
| const prevState = { | ||
| newId: 101, | ||
| taskTitle: '', | ||
| tasks: [{ id: 100, taskTitle: 'something' }], | ||
| }; | ||
| const state = reducer(prevState, deleteTask(100)); | ||
| expect(state.tasks).toHaveLength(0); | ||
| }); | ||
| }); |
There was a problem hiding this comment.
reducer는 이전 상태와 액션을 받고 새로운 상태를 반환하는 함수입니다. 그러면 없어진다라고 표현하는 것보다는 다르게 표현할 수 있을거예요
|
[변경사항]
[질문]
|
|
|
||
| const initialState = { newId: 100, taskTitle: '', tasks: [] }; | ||
|
|
||
| const reducer = handleActions({ |
There was a problem hiding this comment.
reduc-actions를 사용하셨군요. redux-actions를 의도한 것은 아니었지만, 이런식으로 객체를 사용해서 if문이나 switch문 없이 구현하는 것을 의도했었어요 ㅎㅎ
There was a problem hiding this comment.
헛 그랬군요..!! redux-actions를 활용하지 않으면 객체형태로 하는게 어렵지 않을까 생각했었는데 아니였군요!
과제 2에서는 redux-actions를 쓰지 않고 구현해보겠습니다 :)
|
redux-action module을 찾지 못하는 문제는 여러가지 시도를 해봤는데 아직 해결은 못했어요. jest는 CommonJS모듈 방식을 사용하는데, 이 방식은 외부 모듈의 경우 근데 redux-actions의 package.json을 보면 exports가 있습니다. jest에서 이게 제대로 동작하려면 CommonJS모듈로 export되야되는데 redux-actions는 그렇지 않은 것 같더라구요. 그래서 못찾는게 아닌가 싶습니다. 그래서 exports를 지우고 redux-actions.js를 복사해서 index.js로 하면 모듈을 찾는 문제는 해결되긴하는데, 이제 또 다른 문제가 발생합니다. ESModule도 작성되어 있어서 jest에서는 문제가 또 발생해요... 아직 이 문제를 해결하지 못했어요 |
아직 2강까지 밖에 못들어서 해당 부분까지 우선 PR 보냅니다 :)
폴더 분리 곧 해서 커밋하겠습니다!