에러핸들링

5일전부터 React-router-dom이 v6.0.2로 업데이트 됨에 따라 문법을 사용할 수 없게 되고 제목처럼 에러가 발생하게 된다. 당황하지말고, 를 로 변경하자. 우리가 알던 스위치는 죽었다!! 바꾸고 나서 또 Routes의 자손들은 모두 Route컴포넌트

node.js 업데이트 (3개의 명령어를 차례차례 입력하세요.)sudo npm cache clean --forcesudo npm install -g nsudo n stablenpm 업데이트sudo npm install -g npm

분명히 서버 열 때 node kill하고 여는데 왜 자꾸 프로세스에 노드가 남는 것 인가ㅡㅡ 이 오류가 뜬다면 서버를 끄고 커맨드라인에 killall -9 node 를 입력해서 노드를 모두 종료해주면 된다.

어? 갑자기 왜 Switch에러가 나오지? 난 제대로 썻는데!!? 하시는분들이유를 밑 게시물에 써놨습니다! 가셔서 읽어보세요!https://velog.io/@developerjhp/Error-App-is-not-a-Route-component.-All-com

주의사항)1\. s3에서는 파일 이름이 동일할 경우 파일이 올라가지 않기 때문에 uuid를 통해 고유 키를 나눠준다.2\. 파일확장자가 jpeg,png,jpg가 아닐경우에도 파일이 올라가지기 때문에 if문을 걸어 예외처리해준다.3\. 파일업로드가 완료되어 204를 받았

npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency tree 오류 해결방법!!npm install 설치할모듈이름 --save --legacy-peer-deps으로 설치하면된다

서버에서 get요청으로 env불러오는 방법 외에 다른 방법은 없는걸까?

프로젝트나 웹서비스를 개발하다보면 필연적으로 cors를 만나게된다.대부분의 cors는 개발자가 미쳐 보지 못했거나, 생각하지 않아 발생하는 문제로 핸들링이 가능하다. 하지만 안되는 cors문제는 때려 죽여도 해결할 수 없다.그래서 오늘은 해결책을 가져왔다.Cors-An

어드민 토큰으로 어드민페이지 접근시 401 unauthorized Error 이전 "긋다"(https://github.com/developerjhp/Geut_da)프로젝트에서 사용했던 로컬스토리지 이름을 그대로 가져와서 사용해서 이미 존재하는 로컬스토리지의

찾아보니 React의 jsx 문법에서는 table, tbody, thead 를 반드시 써서 table을 사용해야 한다고 한다.<td>, <tr> : <tbody>를 부모태그로 가지고 있어야한다.<th> : <thead>를 부모태그로 가지고 있

axios요청을 통해 res.data에 담겨있는 \_id를 사용할 일이 필요한데 eslint에 의해서 \_id가 제한되는 에러 아래 코드를 해당파일 제일상단에 써주면 된다! https://stackoverflow.com/questions/44126983/esl

에러메시지 : 흠..생각을 해보니 yml 파일에이렇게 작성되어 있었는데 client로 안들어가고 build를 해서 그런 것 같다. 그래서 중간에 cd client 를 넣어줘야한다! 물론 npm install 전에 해줘야한다. 클라이언트기 때문에!! 그래서 npm in

누가이기나 해보자ㅡㅡ이 오류는 프로젝트마다 설치된 라이브러리들이 경고를 다르게 감지하여 일어나는 오류라고 한다. 이부분을 이렇게 고치면 해결~!!

이 친구는.. 아무래도 build폴더 위치를 못찾는 것 같아서 yml파일 안에 pwd와 ls -la를 적절히 이용하여build의 위치를 찾아 들어갔다. 저 주소구나!!일단 The user-provided path dist does not exist. 는 해결!!그런데

이게 현재상태이다. 분명히 키를 제대로 줬는데 왜 오류가 날까??주석처리되어있는 코드를 아래코드로 바꿧더니 되었다. 아마 env에 region을 안줘서 그랬던 것 같다. 아닌가? 잘 모르겠다..

The bucket does not allow ACLs! 버킷의 ACL권한을 안줘서그렇다..! s3로 가서 해당버킷의 이름을 누른후 권한 -> ACL권한 설정을 해주자!!42번의 시도끝에 성공!!역시 에러핸들링이 제일 재밌다. 결국엔 내가 항상 이기니까!!! 크크 s3

이것저것 계속 삽질을 하다가 현재 오류를 일으키는 스텝위에 aws configure list로 env가 제대로 정의되어 있나 확인해 봤더니.. 되어있지 않았다. 분명 윗단계에서 env를 정의해놨었는데..그래서 위와 같이 env를 run하기전에 붙여줬다. 드디어 배포자

이게 왜 안되는가 곰곰히 생각해 봤더니 env에 대한 타입을 안정해줘서 그렇다.근데 이걸 그냥 정의해주면 안되고, env.d.ts 파일을 만들고 원하는이름.d.ts 안에이런식으로 타입들을 일일이 적어줘야한다. (그래봤자 string | undefined 이거밖에 안된다

객체가 비어있는데 여기에 값을 넣어야할 때가 있다! (나같은 경우는 S3파일을 input에 넣어주기 위해선 초기값이 빈 객체인 값이 필요했다.)이렇게 널가드를 해주면 된다!

내가 생각하기엔 경우의 수는 대충 다섯가지 정도 있었다.코드문제거나, IAM권한 문제거나, .env에 환경변수를 잘못썻거나, 서버cors처리문제, s3권한문제 이 다섯가지밖에 없는 것 같았다. 그래서 하나씩 찾아보기로 했다.1\. 코드문제인가?를 확인해보기 위해서 이전

위 코드를 아래와 같이 바꾸면 해결된다.

echo '변수명=$환경변수명' >> .env 로 했었는데 안되길래그냥 위에처럼 빌드할때 밑에다가 env 로 적어주면 될 것 같아서 해봤더니 되었다.

프로젝트 중 페이지 이동시 이전 페이지의 스크롤 위치 그대로 이동되는 것을 발견했다. 이를 해결하기 위해 페이지 이동시마다 스크롤 위치를 제일 위로 올리는 방법을 찾아봤다.먼저 공식문서의 방법이다. https://v5.reactrouter.com/web/gui

npm start나 npm test시 아래와 같은 오류가 발생했다.아무리 찾아봐도 해답이 안보여서 직접 해결해보기로 했다.위 코드를 아래처럼 바꾸면 정상적으로 작동한다!! 대체 왜 이렇게 되어있는건지는.. 잘 모르겠다.

nextjs로 배포하려고 빌드시 나오는 에러해결방법은노드모듈과 package-lock.json을 지우고 npm install 하면 된다.rm -rf node_modules && rm package-lock.json && npm i

구글링을 아무리 해봐도 클라이언트단에서 s3로 바로 이미지를 업로드하는 방법이 없어서 직접 해결한 결과를 공유합니다. 우선 Toast Editor에 ref를 걸고, 로 정의해줍니다. 그 다음 useEffect로 editorRef에 걸려있는 addImageHook을 제거

게시판 기능 구현중 아래처럼 이미지가 포함되어있으면 글과 댓글수 사이에 이미지표시를 구현하려고 했는데 검색해도 나오지 않아서 직접 구현했다. 추후에 나같이 검색하는 사람들을 위해 조금이나마 정보를 공유해보려고 한다.글을 작성할때 Toast ui react Editor

선결론 addEventListener의 Callback function의 EventListener 로 정의하자이렇게 callbackFunc가 keyboard Evt인 경우에, document.addEventListener(KEYUP, callbackFunc);에서