UDEMY 유데미 - TDD로 배우는 웹 프론트엔드 강의 리뷰

TDD에 대해 알아본 바로는 테스트코드를 만들고, 테스트가 통과할 코드를 만들고, 리팩토링하는 흐름으로 개발하는 방식으로 알고있었습니다. TDD라는 단어는 많이 접하고 중요성을 느끼고 있지만 어디서부터 어떻게 접근해야할지 막막했습니다.

막막하다 생각했던 이유는, 어떤 테스트 툴을 선택해서 어떤 영역을 테스트할지 세분화 하지 않아서 였어요. TDD로 배우는 웹 프론트엔드에서는 모든 테스트 방식에 대한 TDD가 아닌, cypress를 이용한 E2E테스트를 소개하고 있습니다. 

강의를 전반전으로 이루는 기조는 TDD를 이해하는건 물론, 성장하는 방법도 같이 다루고 있어서 좋았습니다. 온라인으로 따라 하면서 공부해보는 강의를 많이 구매 해봤고, 매번 해보면서 개념이 이해가 안되고, 일하면서 적용하기 어려웠던것들도 있었어요. 왜 어렵고 잘 안됐던걸까 생각해보면, 배웠던걸 썼을때 어떤 효과가 있고 어떤 어려움이 있는지 대입하기 어려웠어요. 그리고 개념을 이해하는데까지 꽤나 오랜시간이 걸려서 금방 적용하기도 어려웠구요. 이런 가려운 부분을 잘 긁어주는 인트로가 있어서 비교적 부담을 덜고, 전략적으로 강의를 보기 시작할 수 있었어요. 

 

Udemy는 좋은게 강의를 보다가 특정 시점에 이렇게 메모를 해놓을 수 있어서 내가 어떤 고민을 했고, 강의를 다시 볼 때 요약을 할 수 있어서 다시볼때도 효율적으로 시간을 쓸 수 있어요.

강의마다 어떤 생각을 했는지, 중요했던건 뭐였는지 남기기 수월해요.

일반적인 자바스크립트 강의라면 하얀 도화지 상태에서 HTML, CSS부터 시작하는 비교적 지루한 시작이라면 이 강의는 테스트에 중점을 둔 강의어서인지 기본적인 마크업은 제공이 됩니다. 테스트코드에 집중할 수 있게 만들어 두신 것 같아요. 

이걸 만들지 않고도 바로 테스트로 진입할 수 있어서 간편했어요.

cypress 소개, 설치는 간단하게 하고 어떻게 코드를 짜야 TDD를 맛볼 수 있는지 알 수 있는 강의가 시작됩니다. 저는 cypress라는 툴의 UI도, 코드상 설치되는 경로도 낯설었고 모든게 처음이었습니다. 하지만 강의를 따라가는데 전혀 어렵지않았어요. 요구사항에 따른 로직을 먼저 만들기보다, 요구사항에 따른 테스트코드를 만들어서 먼저 만들고 테스트 코드를 통과하는 로직을 만들고, 성공할때 까지 수정을 반복하면서 테스트코드가 성공하면 리팩토링하는 과정이 반복됐습니다. 물론 강의를 따라하면서 만들었기 때문에 실패하고도 금방 성공할 수 있었지만, 초록색의 성공 표시가 보이면 괜시리 기분이 좋았습니다. 

일하면서 시간에 쫓겨 테스트의 중요성을 잊고 있다가 수정사항이 빈번해지고, 잘 돌아가던게 안될 때마다 '아.. 테스트 코드가 필요하겠다'하는 생각을 자주 하고 있습니다. 이번 기회에 TDD를 잘 찍어 먹어 본 것같고 전혀 모르던 세계에 발 끝이라도 담군것 같은 마음이 듭니다. 가장 좋았던건 테스트 코드를 만들면서 작은 요구사항들을 테스트코드로 구현해볼 생각을 해보면 자연스럽게 엣지케이스를 생각하게 되더라구요.  

좋은 기회에 무료로 Udemy강의 리뷰해볼 수 있게 도와주신 글또 감사합니다🥰