반응형 js13 [JS] error An identifier or keyword cannot immediately follow a numeric literal 및 자바스크립트 변수 선언 시 주의점 최근 개발하고 있는 프로젝트에서 쉘 스크립트를 돌려서 자동으로 리액트 코드를 뽑아내다 보니 가끔 생각치도 못한 에러가 나온다. 여느 때처럼 쉘 스크립트를 돌려서 나온 리액트 코드를 원래 프로젝트에 가져다 붙이니 An identifier or keyword cannot immediately follow a numeric literal 에러가 떴는데 이게 무슨 에러이냐면 식별자 또는 키워드는 숫자 리터럴 뒤에 바로 올 수 없다는 소리이다. 즉 숫자로 변수명을 시작할 수 없다는 것이다. 이렇게 고쳐주니 잘 돌아간다. 자바스크립트 변수 선언 시 주의점을 몇 가지 얘기해보자면 1. 자바스크립트의 변수 식별자는 대소문자를 구분한다. 즉 const name 과 const Name은 다르다. 2. 상술 했듯이 숫자로 .. 2023. 4. 10. [React]TS/JS 버전 에러 Type 'string' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher. 사이드 프로젝트를 개발하다가 string to array를 하기 위해 spread를 사용하였다. 그런데 에러 발생! 왜 에러가 났는고 하니 바로 사용하는 자바스크립트 버전이 낮아서 생긴 문제이다. 이는 tsconfig 파일로 가서 컴파일옵션에 target을 변경해주면 된다. 기존에는 target이 es5로 되어있다. es2015나 그보다 높은 버전을 사용해야하니 ES2016으로 변경하니 잘 동작한다! 공부하면서 정리한 내용입니다. 모든 지적 감사히 받겠습니다:) 2023. 4. 5. [React]Parsing error: 'import' and 'export' may only appear at the top level. 새로 이직한 회사에서 프론트 관련 업무를 하던 도중 해당 에러가 발견했다. `}`를 빼먹었을거라고 생각하고 제일 밑에 export 하기 전 }를 쳤더니 에러가 터져난다. 즉 }의 위치가 거기가 아니라는 거. 구글링을 해보니 '}'을 빼먹어 그 밑에서 부터 모두 내부 함수가 되어버리고 최하단까지 도달해서 export default 키워드가 등장했는데 닫침 괄호가 없어서 해당 코드가 함수 내부에 위치하게 되었고 최상단 함수에서 import나 export 실행하라고 해당 에러를 뱉어냈다는거... 참고 링크 https://velog.io/@hwang-eunji/Syntax-error-import-and-export-may-only-appear-at-the-top-level Syntax error: 'import.. 2023. 3. 28. [React]PrimeReact https://primereact.org/ PrimeReact | React UI Component Library The ultimate collection of design-agnostic, flexible and accessible React UI Components. primereact.org PrimeReact는 Material UI 같은 리액트용 UI 컴포넌트 라이브러리이다. 개인적으로 Material UI보다 낫다고 생각해서 사용법을 간단하게 포스팅 해보려고 한다. 위 URL로 이동하면 이런 사이트로 이동하는데 저 위에 Components 메뉴를 클릭한다. 그럼 이 화면이 뜨게 되는데 DownLoad에 있는 npm install primereact primeicons (혹은 yarn을 쓴다면 .. 2023. 3. 15. 이전 1 2 3 4 다음 반응형
