크롬 브라우저 콘솔로 오류 찾아내기

비주얼 스튜디오 코드에서 작성한 

JS소스를 크롬에서 쓰면 원하는 결과가 안나올 때가 있다

 

심지어 책을 보고 그대로 입력했는데 안나오는 경우가 있다

 

이럴 경우 콘솔에서 오류를 찾아내면 된다

 

컨트롤+시프트+j

눌러서 콘솔창 열면 빨간색 글자로 오류 내용이 있을거임

오른쪽 위에 오류 개수도 있음 

오류 내용은 영어로 표시

 

오류가 해석이 안되면 오류 내용 오른쪽에 표시된 파일 이름과 오류가 발생한 줄 번호를 눌러보면 된다

--> 지금 경우는 오류가 표시만 됐지 안보이는데

저 부분은 필터부분을 공백으로 바꿔주면  오류가 보인다

 

 

---

 

위치를 눌루 주면 오류 위치 표시가 나온다

비주얼 스튜디오 코드로 돌아가서

수정하고 저장 뒤 

새로고침을 누르면 정상으로 작동 된다