mime-types 모듈을 사용하려던 중 아래와 같은 에러가 발생했다. 원인 이 오류는 webpack 버전이 업데이트 되면서, 이전 버전에서 자동으로 포함되던 node.js core 모듈의 폴리필(polyfill)이 기본적으로 포함되지 않게 되었기 때문에 발생한 것이다. 모듈은 node.js core 모듈인 모듈을 사용하고 있으므로, webpack이 이를 인식하지 못해 오류가 발생한 것이다. 해결 처음에 오류에서 제안된 내용대로 파일에 아래 처럼 설정해준 뒤, 를 설치해주었다. 그런데도 작동되지 않았다.🥲 다시 알고보니 나는 폴더 루트 경로에 를 만들어서 작성했었는데 여기가 아니라 아래와 같은 루트에 작성해주어야 했다. 이렇게 작성해준 뒤, 돌아가고 있었다면 껐다가 다시 켜준다. 출처 https://stackoverflow.com/questions/72321500/how-to-use-fallback-path-require-resolvepath-browserify-in-we…

이런식으로 배열을 직접 수정하려고 하는 경우 해당 에러가 발생한다. 해결 방법 배열을 잘랐다가 다시 합치기 spread로 배열을 복사하여 수정하기 map 함수를 통해서 재생성 출처 Uncaught TypeError: Cannot assign to read only propery ‘0’ of obejct ‘[object Array]’ Error while sorting array of objects Cannot assign to read only property ‘2’ of object ‘[object Array]’ 해결 방법

프로젝트 화면 구성을 구성하는 중 를 로 주는 작업이 있었는데 모바일 웹에서는 제대로 적용되지 않는 문제를 발견했다. ios safari에서 하단의 주소표시줄까지 포함이 되어서 최하단에 요소가 가려지는 현상이 발생했다. 해결 방법 1. JavaScript+CSS 리액트의 경우 를 선언해준 뒤, useEffect로 화면이 처음 렌더링 되었을 때 를 에 맞추어 세팅되도록 선언해준다. 그리고 document의 스타일에 라는 프로퍼티로 만들어 둔 를 값으로 넣어준다. 브라우저가 리사이즈 될 여지가 있다면 다음과 같이 작성할 수 있다. 2. CSS 또는 출처 Error | 모바일 브라우저에서 100vh 적용 오류 해결 (ios/android) ios safari height 100vh 문제를 해결해봅시다 해결 방법 1. JavaScript+CSS 2. CSS

How to solve HTTP 429 status code? 요청하려는 서버에서 “당신의 코드가 너무 짧은 시간에 많은 요청을 하고 있으니 자제를 해달라” 는 의미의 응답을 보낸 것이다. HTTP 429 Error 코드를 해결하는 방법은 해당측 서버의 요청대로 요청을 천천히 하는 방법이 유일하다. 현재 Postman의 Mock API를 이용하여 데이터 요청을 보내고 있었는데, 429 에러가 떠서 포스트맨에서 확인해보니 와 같이 요청 제한에 도달해서 더이상 요청되지 않는 것을 확인할 수 있었다. 출처 https://incomeplus.tistory.com/292 How to solve HTTP 429 status code?