[코드숨] 리액트 13기 - 3주차 주간 회고

CodeSoom 2022.10.24 - 2022.10.30

리액트 Testing

과제 : To-do 테스트 작성하기

 

이번 주는 TDD에 대한 어려움을 겪었던 한 주였다. 처음으로 TDD를 접해보니까 과제를 진행할 때 무엇을 테스트해야할 지, 어떻게 코드를작성해야되는 지도 잘 몰랐다. 그래서 지난번 기수들의 코드와 코멘트를 살펴보고 트레이너님이 알려주신 링크와 다양한 참고사이트를 통해 테스트 코드를 작성하는 법을 공부했다. 그래도 작성에 어려움을 겪어서 나중에 아샬님의 해설 강의를 보고 코드를 이해하는 시간을 가질 수 있었다.

test대신 코드의 행동을 더 섬세하게 설명하는데 적합하다는 describe-context-it 구조를 사용하여 테스트 코드를 작성하였는데 계층 구조로 구분할 수 있어서 유용했다. 작성한 테스트에 대해 리뷰를 받은 후, 코드를 통일감있게 작성하는 노력이 필요함을 알게 되었다. 그래서 render함수를 파일마다 화살표함수나 function함수로 다르게 작성한 부분을  function함수로 통일되게 수정하였다. 그리고 리뷰를 통해 여러 파일에서 사용되는 테스트용 데이터를 fixtures 폴더에서 따로 관리 할 수 있음을 알게 되었다. 이를 반영하여 따로 만든 후 필요한 파일에서 import하여 사용하니 다시 선언하지 않아 더욱 간편하였다. 트레이너님의 리뷰를 통해 부족한 부분을 알고 보충할 수 있어 좋았다.

리뷰를 반영한 코드를 GitHub에 올린 후, 내 Commit을 보니 이렇게 올리면 내용을 구분하기 어렵겠다는 생각이 들었다. 마침 공부방이었기에 윤석님께 질문을 통해 올바른 Commit작성법을 알 수 있었다. 일단 여러가지 수정을 한 후 마지막에 Commit을 올렸는데 이렇게 하면 어떤 부분이 수정되었는지 알기 어렵다는 것을 깨달았다. 문제상황에 따라 구분하여 Commit을 하고 내용도 상세하게 어떤 상황에서 어떻게 해서 해결했는지를 작성해야함을 알게 되었다. 생각보다 더 자세하게 내용을 작성해야함을 알고 놀랐다.🙄

이번에는 강의내용과 과제가 어려워서 집중력이 떨어지긴 했다. 마음을 차분히 다스리고 다음주에는 더 집중하여 공부해야겠다..!