[코드숨] 리액트 3주 차 회고

코드숨의 소프트웨어 개발의 지혜 <리액트 편> 9기 과정을 시작한 지 3주가 지났다. 그리고 코드숨을 시작하고 제일 힘든 한 주였다. 앞으로는 더 힘들어지겠지.. 😂

리액트 테스트

테스트나 TDD를 공부해 본 적은 있지만 누군가에게 코드 리뷰까지 받으면서 리액트 컴포넌트 테스트를 작성해 본 적은 처음이다. 백견이 불여일타라 했던가? 남이 작성한 것만 대충 보고, 테스트는 이런 식으로 작성하면 되겠구나 하고 넘어가던 것을 내가 처음부터 작성해야 하니 여간 어려운 게 아니었다.

 

과제 초반에 어떻게 시작해야 할지 전혀 갈피를 전혀 못 잡았는데 개발에 있어서 이런 감정은 오랜만이라 꽤나 당황스러웠다. 코드숨 리액트 편 소개 페이지를 보면 고통 주도 개발이란 말이 있는데 이번 과제를 통해 그 말의 의미를 확실히 느낄 수 있었다.

 

하지만 고생 끝에 낙이 오듯이 힘들었던 만큼 얻은 것도 제일 많은 한 주였다.

 

내가 테스트를 작성하면서 가장 어려웠던 건, props로 입력받은 todos만큼 TodoItem 컴포넌트를 보여줘야 하는 TodoList 컴포넌트를 테스트한다고 했을 때, 입력받은 todos가 어떻게 보여야 하는지까지 테스트한다면 TodoItem 컴포넌트의 구현을 제약하거나 TodoItem 컴포넌트에 의존하는 테스트가 될 수 있는데 과연 이런 식으로 테스트를 작성해도 되는가였다.

 

다음은 그 의문을 해소하는 데 가장 도움이 됐던 피드백이다.

https://github.com/CodeSoom/react-week3-assignment-1/pull/138#pullrequestreview-1015192093

To-do 테스트 작성하기 by 2scent · Pull Request #138 · CodeSoom/react-week3-assignment-1

 

테스트는 남은 과정에서도, 코드숨 과정이 끝난 이후에도 꾸준히 작성해야 하기 때문에 아직 갈 길은 멀지만 그 길을 가기 위한 기초 체력을 키울 수 있는 한 주가 아니었나 싶다. 그 기초 체력을 정리하면 다음과 같다.

• 테스트는 BDD 스타일(describe - context - it)로 작성
• 테스트 코드만을 보고 컴포넌트의 역할과 동작을 설명할 수 있는 명세를 작성한다고 생각

다음 주는 리덕스를 통한 상태 관리와 그 테스트 코드를 작성해야 한다고 하는데 벌써부터 기대(?)가 된다 😱

TIL

이번 주도 목표했던 주 5회 TIL 작성에 성공했다. 처음 TIL을 작성할 때는 생각보다 시간이 오래(30분 이상) 걸려서 내가 너무 디테일하게 작성하는 게 아니었나 싶었는데 다른 분의 TIL을 보고 그 생각은 바로 접었다. 그리고 2주가 지난 지금은 어느 정도 숙련이 됐는지 전보다는 적은 시간(30분 이하)이 걸린다.

 

사실 TIL을 작성하면서 가장 힘들 때는 공부한 게 많아서 정리할 게 많을 때보다 공부한 게 적어서 정리할 게 없을 때다. 내가 얼마나 공부했는지를 매일 직관적으로 체감할 수 있다는 것만으로도 TIL을 꾸준히 작성해야겠다는 생각이 든다.

 

내가 한 주 동안 공부한 내용이 다 기록돼 있으니 이 회고처럼 내 과거를 돌아볼 때 가장 중요한 참고 자료가 될 수 있는 것 역시 큰 장점이다.

포모도로

아쉽게도 이번 주에는 포모도로(25분 공부, 5분 휴식)를 거의 못 했다. 핑계를 대자면 익숙하지 않은 테스트 작성과 익숙하지 않은 포모도로를 도저히 병행할 엄두가 나지 않았다. 다음 주부터는 다시 열심히 해볼 생각이다.

다짐

코드숨 과정은 앞으로 9주(강의 5주, 포트폴리오 4주)가 남았는데 한 번에 열정을 불태우지 말고, 지금처럼 적당한 열정으로 끝까지 꾸준히 해보자.