[🚨️ERROR🚨️] Uncaught SyntaxError: Unexpected end of input

 ⚠️ Uncaught SyntaxError: Unexpected end of input

괄호를 제대로 닫지 않아 발생하는 에러. 괄호가 안 닫힌 부분이 있는지 찾아보도록 하자. 찾기 힘들 경우 Prettier이라는 확장 프로그램을 통해 코드를 정리해 보자. 코드의 가독성이 한결 깔끔해 질 것이다.

 

VSCode의 확장프로그램

두고두고 유용한 확장프로그램으로 코드를 작성할때 코드를 읽기 쉽게 가독성 면에서 큰 도움을 주며 ;(세미콜론), 각 종 괄호 등도 안 닫힌 부분이 있으면 닫아준다. 이 확장프로그램을 사용함으로써 앞으로 이 에러는 만날 일이 없을 것이다.

추가로 이 확장프로그램을 설치 후 잘 사용했는데, 갑자기 실행이 안된다거나 특정 문장에만 적용이 되는 경우에는, 코드가 미완성 혹은 ERROR 코드라서 작동을 안하는 경우가 십중팔구일 터이니, 코드를 마무리 지어보도록 하자.

 

마지막으로 이 확장프로그램을 사용하고, 어느 특정 코드(줄)에는 Prettier 효과를 적용하고 싶지 않을 경우는 다음과 같이 사용하면 해당 줄은 Prettier 적용이 되지 않는다.

 

const materials = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];

// prettier-ignore
materials.map(material => material.length) // prettier 효과가 적용되지 않음

 

주석표시인 // 와 prettier-ignore을 정렬하고 싶지 않은 코드 윗줄에다 적어주면 그 주석의 아랫줄에 있는 코드엔 Prettier 효과가 적용되지 않는다.