리액트 프로젝트 디버깅하기

[Debug] IDE로 리액트 프로젝트를 디버깅해보자.

디버깅...? 리액트 프로젝트에서 videos의 자료형을 보고 싶다면 어떻게 할 것인가? 가장 먼저 생각나는 방법은 console.log이다. 우리들의 강력한 디버깅 친구는 console.log다. console.log와 구글크롬으로 사실 충분할지도 모른다. 머리 아픈 디버깅 방법을 알 필요도 없고 바로 크롬 개발자도구에서 결과를 볼 수 있으니까. 그러나, console.log는 딱 개발자가 지정한 변수만을 출력해준다는 단점이 있고, 문제의 인과관계를 알기도 힘들고, 특히 this binding과 같이 조금만 어려워져도 추적이 힘들어진다. 변수가 3-4개만 연관되어 있어도, console.log(a,b,c,d); 와 같이 모두 담아줘야 한다. 때로는 특정 시점 이전과 이후로 console.log를 추가하..