[MSW] The currently registered Service Worker has been generated by a different version of MSW (2.4.1)...
2024. 12. 18. 14:53
개발/Error note
index.js:21 [MSW] The currently registered Service Worker has been generated by a different version of MSW (2.4.1) and may not be fully compatible with the installed version. It's recommended you update your worker script by running this command: • npx msw init You can also automate this process and make the worker script update automatically upon the library installations. Read more: https://ms..
[vercel] 서버리스 api 와 함께 배포할 때 동적라우팅이 인식안되는 경우
2024. 11. 30. 18:12
개발/Error note
로컬에서는 결과가 나왔는데, 버셀 배포후에 동적라우팅이 안됐다. // vercel.json{ "rewrites": [ { "source": "/api/(.*)", "destination": "/api/$1" }, { "source": "/api/fortune/result/:id", "destination": "/api/fortune/result/[id]" }, { "source": "/(.*)", "destination": "/index.html" } ]} 임시저장이 이제 세 개 남았다 ..
[Kakao API] because the scheme does not have a registered handler.
2024. 11. 6. 12:40
개발/Error note
공유하기 버튼을 눌렀는데 콘솔에 해당 오류가 떴다. 상태코드는 200 이었다. 엥 이게뭐지 하고 해당오류를 구글링 해봤다. 카카오 개발자센터 Dev Talk에 이미 해당 이슈에 대한 답변이 달려있었다. 놀랍게도 개발자모드를 모바일 환경으로 설정해놔서 뜨는 오류였다.해당 설정을 꺼주고 PC화면으로 보니 짜잔 팝업이 제대로 뜨고 카카오톡 전송까지 됐다~ 참고 - https://devtalk.kakao.com/t/scheme-does-not-have-a-registered-handler/112757
VSCode에서 파이선 코드 포맷팅하기
2024. 10. 8. 23:53
개발/Install, setting, etc
설치를 하고 ctrl+,를 누른후 "editor.defaultFormatter": "esbenp.prettier-vscode", "[python]": { "editor.formatOnSave": true, "editor.defaultFormatter": "ms-python.black-formatter" }, "[javascript]": { "editor.formatOnSave": true }, 하고 껐다 켰다. 위 설정은 자바스크립트에서는 프리티어, 파이선에서는 black-formatter를 쓰겠다는 설정이다. 그래도 적용이 안되면 alt + shift + 8 을 눌러서 기본 포맷터 세팅을 하시겠습니까? 팝업창에서 확인버튼을 눌러주면된다.
[Javascript] RTKQ(RTK 쿼리) 에서 세션인증 추가하기
2024. 9. 26. 07:57
개발/Javascript
현재 하고 있는 프로젝트에서 (사주타로말고 헿) Redux Toolkit의 RTK Query를 사용하여 API 요청들을 처리하고있다.클라이언트 요구사항으로 인증을 추가해달라는게 있어서 리프레시토큰과 엑세스 토큰을 사용하여 요청들을 보호하도록 코드를 만들었다.이거슨 다음에 또 RTKQ를 사용해서 인증할 때 참고할 수 있도록 찌는 포스팅1. 기본 fetchBaseQuery 설정먼저, RTK Query에서 API 요청을 처리하기 위해 fetchBaseQuery를 사용하여 기본 쿼리를 설정한다.fetchBaseQuery는 API 요청을 단순화하고, 일관된 설정을 제공하는 데 유용한 도구로써, 해당 설정은 요청 헤더에 인증 토큰을 추가하고, 표준 요청 헤더를 설정하여 요청의 일관성과 보안을 보장하게 도와준다.//..