❗❗ ERROR ❗❗ (22) 썸네일형 리스트형 [🚨️ERROR🚨️] Uncaught SyntaxError: Invalid or unexpected token ⚠️ Uncaught TypeError: Invalid or unexpected token 원인 오타, 혹은 쌍따옴표, 괄호 등으로 문자열을 끝까지 감싸지 않았던가, 콤마(,)의 위치 등이 잘못되었을때 나는 에러 해결 1. 에러가 발생한 라인에 오타 확인하기 2. 따옴표('', "")로 문자열 끝까지 감싸주기 3. 콤마의 위치가 제대로 된 위치인지 확인 4. 각종 괄호의 열림, 닫힘이 잘못된 부분이 없는지 확인 5. Prettier을 이용해보자 [🚨️ERROR🚨️] Uncaught TypeError: Cannot read properties of undefined (reading ~) ⚠️ Uncaught TypeError: Cannot read properties of undefined (reading ~) 값이 정의되지 않아 읽을 수 없을때 발생하는 에러. 원인 페이지가 최초 렌더링 되었을 때, state는 undefined이고 state는 비동기로 작동한다. 그렇기에 렌더링 전 시점에서는 아무것도 읽히지 않는 상태에서 동작하기 때문에 undefined라는 결과값이 반환될 것이고, 그 값을 허용할 수 없는 코드가 있기에 생기는 에러이다. 해결 State에게 들어올 값의 타입을 미리 알려주면 undefined를 출력하지 않는다. [🚨️ERROR🚨️] Uncaught SyntaxError: Unexpected end of input ⚠️ Uncaught SyntaxError: Unexpected end of input 괄호를 제대로 닫지 않아 발생하는 에러. 괄호가 안 닫힌 부분이 있는지 찾아보도록 하자. 찾기 힘들 경우 Prettier이라는 확장 프로그램을 통해 코드를 정리해 보자. 코드의 가독성이 한결 깔끔해 질 것이다. 두고두고 유용한 확장프로그램으로 코드를 작성할때 코드를 읽기 쉽게 가독성 면에서 큰 도움을 주며 ;(세미콜론), 각 종 괄호 등도 안 닫힌 부분이 있으면 닫아준다. 이 확장프로그램을 사용함으로써 앞으로 이 에러는 만날 일이 없을 것이다. 추가로 이 확장프로그램을 설치 후 잘 사용했는데, 갑자기 실행이 안된다거나 특정 문장에만 적용이 되는 경우에는, 코드가 미완성 혹은 ERROR 코드라서 작동을 안하는 경우가 십.. [🚨️ERROR🚨️] Uncaught SyntaxError: Unexpected token '<' ⚠️ Uncaught SyntaxError: Unexpected token ' [🚨️ERROR🚨️] 첫 에러 '' 와 "" 구분 ⚠️ ' ' 와 " " 를 구분해서 사용하자 Syntax Error의 일종으로, ' ' 안에 동일한 따옴표를 쓰면 발생하는 에러다. 다른 따옴표를 사용해 주도록 하자. ' ' ' ' // ERROR ' " " ' // OK [ERROR] 내가 겪은 Error 모음집 ''안에 동일한 '' 쓰면 에러발생. 다른 따옴표를 쓰자. Uncaught SyntaxError: Unexpected token ' 이전 1 2 3 다음
