"global is not defined" vite를 이용해 react 프로젝트를 하던 중 aws-sdk를 설치 후 AWS관련 패키지를 이용하려고 했을 때 만났던 오류이다. vite를 이용하지 않고 react프로젝트를 만들었을 시에는 오류가 뜨지 않아 원인을 좀 찾아보았다. https://stackoverflow.com/questions/72114775/vite-global-is-not-defined Vite 'global is not defined'I'm creating a project using Vite with vanilla-ts, at one point I had to use the readdir method from the fs-extra package, but it created an e..
npm error errno -4058 실행 경로 오류
Either try using a new directory name, or remove the files listed above. npm error syscall open npm error path E:\dev\prac\aws_s3_prac\package.json npm error errno -4058 npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'E:\dev\prac\aws_s3_prac\package.json' npm error enoent This is related to npm not being able to find a file. npm error enoent npm erro..
react에서 console.log를 찍어보던 도중 의도하지 않은 랜더링이 두 번씩 되는 것을 확인했다. 이는 React.StrictMode 때문인데, npx create-react-app으로 생성하면 자동으로 생성되어 있다. index.js에서 를 제거 후 쉽게 해결이 되었다.root.render( );root.render( ); 그렇다면 왜 이렇게 불필요한 랜더링이 두번 일어나는 것일까? 이는 개발환경에서 잠재적 오류를 체크하기 위한 도구라고 한다. 때문에 개발 과정에서는 StrictMode를 사용하는 것이 오류 발견에 더 유용할 수 있다. StrictMode는 아래와 같은 부분에서 도움이 된다고 한다.안전하지 않은 생명주기를 사용하는 컴포넌트 발견 레거시 문자열 ref 사용에 대..
spring boot 서버로 STOMP 구현 후 thymeleaf로 프론트 연결 오류(CORS)
개인적으로 Spring boot websocket을 이용하여 채팅방 구현을 하던 중 서버 쪽을 완성하고 apic을 이용해 테스트도 완료를 했지만 프론트 연결 중 오류를 하나 만났다. var sockJs = new SockJS("/ws"); //1. SockJS를 내부에 들고있는 stomp를 내어줌 var stomp = Stomp.over(sockJs); stomp.connect({}, function(frame) { // 연결이 되지 않는 오류 }); SockJs를 선언 후 구독을 위해 연결을 하려고 하면 websocket.js:6 WebSocket connection to 'ws://localhost:8000/ws/241/ml45xvou/websocket' failed: 이라는 오류와 함께 커넥션이 멈..