JavaScript의 세 가지 일반적인 오류 유형

안녕하세요 여러분, 첫 번째 블로그 게시물에서 먼저 제 소개를 한 다음 JavaScript의 세 가지 유형의 오류가 무엇이며 어떻게 수정할 수 있는지에 대해 간단히 살펴보고 싶습니다.

저부터 시작하겠습니다. 저는 오랫동안 항공 전자 공학 기술자로 일해 왔습니다. 2020년 1분기에 팬데믹이 시작되었을 때, 제가 일했던 회사는 모든 비행이 중단되어 저를 두 달 동안 휴가에 넣었습니다. 나는 직장을 잃을 위기에 처한 미래를 위해 아무것도 모르고 집에서 시간을 보내는 사람이 아닙니다. 그런 다음 운 좋게도 새로운 삶과 경력 기회를 창출하는 것을 목표로 하는 훌륭한 자원 봉사자와 훈련생과 결합된 Code Your Future를 소개 받았습니다. 모든 입학 요건을 충족한 후 코딩 학습을 시작하기 위해 가족과 같은 환경에 받아들여졌습니다. 코딩 여정에서 나는 많은 실수를 저질렀고 때로는 머리카락이 없어도 머리카락을 뽑으려고 했습니다. 내가 오류에 도전하는 동안 수석 개발자인 내 친구 중 한 명이 코드가 첫 번째 시도에서 작동하면 잘못된 것일 수 있으므로 코드를 한 번 더 살펴봐야 한다고 격려했습니다. 저는 실수로부터 배우는 것이 우리를 더 강하게 만들고 지식을 통합하는 데 도움이 된다고 믿습니다. 이제 JavaScript에서 발생할 수 있는 세 가지 일반적인 오류에 대해 이야기해 보겠습니다.

1. 구문 오류: 이 오류는 미리 정의된 언어 구문이 충족되지 않을 때 발생하며 소스 코드를 컴파일하거나 구문 분석하는 동안 감지됩니다.

           Syntax Error: missing  )  after condition.

2. 참조 오류: 이 오류는 존재하지 않는 변수를 참조할 때 발생합니다.

 Reference Error: “grade” is not defined. It is simply misspelled.

3. 유형 오류: 이 오류는 값이 예상 유형이 아니라는 사실로 인해 작업을 수행할 수 없을 때 발생합니다.

   TypeError: Cannot read property 'addEventListener' of null. 

.querySelector는 CSS 선택자를 입력으로 받기 때문에 HTML 파일에서 올바른 요소를 호출하기 위해 코드의 첫 줄에서 add-btn 앞에 점을 추가해야 합니다.

내가 말할 수 있는 것은 오류를 수정하는 방법을 알고 나면 오류가 마음에 든다는 것뿐입니다. 즐거운 코딩하세요!