console.log 를 안쓰고 디버깅 하기>>>>>>

​

​
크롬에서 개발자툴
Network탭에서
불러오는지 알수 있음,
거기서 status 보면 200 은 잘날라온거고,
400 이나 4자로 시작된거는 에러임.
그런거 열어보면,
하단에 Header탭으로가서 보며는,
확인을 쭉 해보고,
Response에서 받은데이터를 그대로 볼수 있고,
Preview보면 Error 라고 있으면 에러인거다.

읽어보면, 좀 에러를 알아볼 수 있고,

Source탭에서도 보면,
파일을 보면
코드가 다 나와있는데,
에러가 있다면, x표시가 있고 그걸 보고
그 줄 옆에 클릭해서 파란색 마크로 break 걸어주고,
그밑에 Scope 탭 보고, 확인을 해서 살펴볼 수 있다.
그 flow를 확인을 할 수 있다.