TIL-220916- 문제점 찾기

오늘은 다들 본인이 만든 나만의 메뉴를 시연을 한번 씩 하고 끝나고 난 뒤 지금 현재 가지고 있는 문제를 질문을 했다.

 

inputField라는 범용컴포넌트를 만들어 input태그를 사용하는 곳은 inputField컴포넌트를 사용하여 반복을 줄이고 재사용을 하고 있었는데 

 

 

나만의 메뉴에서 이 2개의 input태그들도 모두 inputField라는 컴포넌트를 사용하고 있는데 미국 USD input에 입력을 하면 환율에 맞게 한국 원화가 나오게 되는데 테스트에서는 

 

이런 식으로 NaN이 나오는 것이였다. 그래서 현재 사용하고 있는 범용컴포넌트가 일단 문제라는 생각으로 어제 계속해서 뭔가 끄적여 봤는데 결국 해결하지는 못했다.

 

그래서 오늘 질문을 했고 트레이너 님은 jest mock fetch라는 것을 사용해서 API에서 받아오는 정보를 모킹해서 테스트를 해야한다.

 

라고 하셨는데 하지만 그 전에 먼저 어느 곳에서 문제가 생겼는지 console.log로 알아 보는 게 먼저이다 라고 했다. 맞다. 그냥 inputField 컴포넌트가 무조건 범인 일꺼라는 생각에 다른 곳이 문제가 있을 수도 있다는 생각을 하지 않고 있었다. 

 

결국 이런건 console.log로 어디가 문제인지를 찾아가야 한다. (하지만 저녁 먹고 잠이 들어버려서 아직 못찾았다...) 

 

오늘은 "유연한 고집 생각하지 않기" 라는 말이 내 상태였던 것 같다.. 뭔가 잘못되었으면 어디가 문제인지 찾아내는 것을 연습을 해야한다.(console.log를 많이 찍어야 봐야 한다..)