반응형 react9 [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. [Project]공공데이터 수집 DB 모니터링 인턴을 하던 전 직장에서 마지막으로 진행했던 프로젝트이다. 해당 프로젝트에 대해 간략하게 설명하자면 공공데이터 포털에서 한시간에 한 번씩 업로드가 되는 환경 관련 데이터를 한시간에 한 번 씩 스케줄러를 돌려서 수집하는 프로젝트가 이미 서버 위에 올라가서 돌아가고 있었다. 부장님께 전달 받은 미션은 위 수집한 데이터에 이상이 있는지 없는지 체크하고 한 눈에 알아볼 수 있는 모니터링 웹을 만들라는 것이었다. 사실 이 모니터링 웹 페이지는 이미 스프링으로 되어있는 프로젝트가 이미 있었다.(같이 일하는 동기가 스프링 레거시를 이용해 구현하였다.) 하지만 성능상의 이슈가 너무 많았다. 이게 메인페이지인데 해당 페이지를 띄우려면 3개의 테이블을 join 해야 한다. 위 사진 처럼 일단 지역정보를 불러오고 그 지역에.. 2023. 3. 23. [React]TS로 개발할 때 input 값 여러 개 받기 리액트로 사이드 프로젝트를 개발하던 도중 input 값을 여러 개 받아야 되는 경우가 생겼다. 해당 항목마다 state를 만들고 onChage 함수도 따로 만들어 각각 달아주는 방법도 있지만 중복 코드도 많고 쓸 데 없는 작업이 많아지기 때문에 별로 좋은 방법이라고 생각되지 않았다. 따라서 state 하나에 onChange 함수 하나를 만들어 여러개 input 값을 받는 방법을 포스팅한다. return ( ID onChangeUserInfo(e)}/> PW onChangeUserInfo(e)}/> NAME onChangeUserInfo(e)} /> School onChangeUserInfo(e)} /> Mother email onChangeUserInfo(e)} /> console.log(user)} l.. 2023. 3. 23. [AWS]SignatureDoesNotMatch 에러 S3를 통한 presigned url 방식으로 이미지 업로드를 구현 중 뭔가 하고 해당 url을 들어가서 봤더니 SignatureDoesNotMatch 에러가 떴다. 분명 키값을 제대로 다 맞춰줬고 심지어 그 동안 다른 프로젝트에서 쓰던 버킷이었는데... 빡쳐서 구글링..한 결과 https://yeo0.tistory.com/entry/AWSBoto3Solution-InvalidSignatureException-Error [AWS][Boto3][Solution] InvalidSignatureException Error Enviornment : Amazon Linux 2 / Python 3.7.* Problem Boto3 Library 활용 시 Access key, Secret access key 를 통한 .. 2023. 3. 20. 이전 1 2 3 다음 반응형
