[코드숨] 리액트 6기 4주차 주간회고

 

이번 주에는 Redux 테스트와 TDD 방식으로 코드 작성하는 것을 배웠습니다.

막연하게만 알고 있었던, 테스트 작성을 조금씩 알아가는 것 같아서 좋았습니다.

 

 

[ 강의 & 과제 진행 ]

- 관심사 분리

- Container & Presentation 패턴

- Redux 테스트

- TDD 사이클로 코드 작성하기

 

 

이번 주는 슬로우 스타트가 되었는데, 매일 시간을 내서 진행하지 않으면 피드백을 받지 못하는 아쉬움이 남습니다.

피드백을 많이 받을 수록 몰랐던 부분이나 인사이트를 얻을 수 있기 때문에 더 분발해야 겠습니다.

 

확실히, 거의 매일 같이 "코드숨"을 진행하다 보니 시간관리나 체력적인 관리를 잘해야 겠습니다.

그래도, 벌써 한 달이라는 시간이 빠르게 흘렀고, 테스트 코드에 대해 익숙해지고 있는 느낌을 받아서 좋습니다.

 

 

 

[ 배운 점 ]

- ~ByRole이 "role" 속성이 있는 HTML 요소만 찾는 쿼리인 줄 알았는데, "role" 속성이 없더라도 HTML 요소를 찾을 수 있었습니다.

// '등록' 텍스트가 있는 버튼 요소를 찾는다.
getByRole('button', { name: '등록' } );

https://testing-library.com/docs/queries/byrole

 

 

- redux를 테스트할 때, mock 함수를 많이 사용한다.

 

 

 

제가 작성한 코드에 대한 피드백을 통해서도 많이 배울 수 있지만, 다른 분들이 작성한 코드를 보면서도 영감을 얻을 수 있습니다.

물론, 저의 과제를 마무리 짓는 단계에서 그러면 좋을 것 같고, 다른 분들은 어떤 식으로 해결하려고 했는 지 보는 재미도 있을 것 같습니다.

 

 

 

[ 더 알아보면 좋을 것 ]

강의에서 mock 함수를 작성한 방식으로 따라서 코드를 작성했는데, 공식 문서를 보면서 mock 함수의 API나 다른 사용법을 익혀도 좋을 것 같습니다.

 

 

https://testing-library.com/docs/react-testing-library/api

https://jestjs.io/docs/mock-functions