본문 바로가기
반응형

전체 글136

[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.
[Spring]Spring 레거시 프로젝트 AWS elastic beanstalk으로 5분만에 배포하기 오늘은 스프링 레거시 프로젝트를 AWS elastic beanstalk으로 손 쉽게 배포해보는 방법을 포스팅 해보도록 하겠다. 먼저 스프링 프로젝트에서 .war 파일을 뽑아낸다. 프로젝트 이름을 적고 경로 설정을 해준다. 그 다음에 AWS 사이트로 이동. 로그인을 하고 Elastic Beanstalk으로 이동한다. 시작하기의 Create Application 클릭 애플리케이션 이름을 적어주고 톰캣을 사용해서 배포할거니까 플랫폼을 톰캣을 선택해주고 애플리케이션 코드를 직접 업로드 할거니까 (아까 export 한 .war 파일) 코드 업로드를 선택해준다. 로컬 파일을 선택한 후 (만약 .war 파일의 용량이 크다면 S3에 파일을 업로드한 뒤 해당 객체의 URL을 넘기면 된다.) 그리고 아까 export한 w.. 2023. 4. 2.
[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.
반응형