
[Javscript] 크롬익스텐션 테스트 등록하기 (wavve 오프닝 건너뛰기, 다음회차 자동재생)
2025. 3. 2. 11:12
개발/Javascript
애니보는데 넷플릭스는 저 '끝내지 않는 Netflix'가 있어서 자동으로 넘어가지는데, 웨이브는 안되는게 귀찮아서 만들었다.티빙으로는 애니를 잘 안봐서.. 나중에 티빙도 쓰게된다면 티빙버전도 만들어야겠다. { // 사용자가 특정 웹페이지를 열 때 사용할 JavaScript 또는 CSS 파일을 지정 "content_scripts": [ { "matches": ["*://www.wavve.com/*"], // 확장 프로그램을 실행할 웹사이트 "js": ["content.js"] // 실행할 js파일 } ], // 확장 프로그램의 설명란에 표시되는 설명 "description": "Wavve에서 오프닝 건너뛰기랑 다음회차를 자동으로 재생해주는 크롬 확장 프로그램이에요!"..

[React] 폰트사이즈 설정 조정하기
2025. 2. 15. 13:41
개발/Javascript
우리회사는 RN이나 플러터를 사용하지않고 리액트로 앱을 만든다 ㅇ_ㅇ.앱은 정말 껍데기만 만들고 대부분을 앱 내에서 하고있다. 운영 때 앱 업데이트를 최대한 줄이고 웹 수정 후 바로 반영할 수 있도록 하기위해서.그래서 항상 앱 만들때 폰트 크기 고정으로 진행했는데,이번에 진행하는 곳에서 기획에 폰트 크기 조절기능을 넣어달라고 하셔서.. 웹에서 폰트크기를 조절해서 설정에서 폰트크기를 조절할 수 있도록 만들었다. 초반부 코드라 조금 더 다듬어져서 지금화면이랑은 다르긴 하지만기록용으로 남겨두는 포스팅우헤헹 (한달에 1번 이상은 기술 블로그를 올리고 싶어서..) // App.jsximport createCache from '@emotion/cache'import { CacheProvider } from '..

[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