종이 한장 차이...

firebase를 통해 전송온 push메시지를 nextJS 웹앱에서 받아서 표시를 해보자.구글에 많이 돌아다니는 예제들을 보고 따라 해 봤는데 구현하는 방식들이 제각 각이라참고하기가 참 힘들었다.다른 것보다 nextJS에서 라우팅을 어떤 방식으로 처리했냐에 따라서 제각각이었다.결국 chetGPT3.5의 힘만 빌려 구현을 하였다.생각보다 간단??? 했다. #환경.- nextJS 1.4 (page 라우팅 기준)- nodeJS 20.11.0참고: 이전에 토이 프로젝트로 PWA를 적용했던 프로젝트에 Fcm Push message 기능만 추가를 하였다.https://graykang.tistory.com/entry/nextJS-14-PWA-%EC%84%A4%EC%A0%95 nextJS 14 + PWA 설정.next..

개발자 도구 사용을 막는 방법에 대해 글을 하나 남겼었다 결론은 막지 못한다로 마무리를 지었지만...ㅎㅎ 계속 파다 보니 해결 방법을 찾아냈다... 물론 내가 만든 소스 코드는 아니고 여기저기 참고하여 짜집기 한거지만잘 동작하기에 글을 남긴다... 소스 코드는 아래와 같다. 아래 소스 코드는 마우스 우클릭 방지, f12 및 특수키 입력 방지, 그리고 개발자 도구 감지 시 강제 로그아웃 이 3가지기능이 정리되어 있다. 해당 스크립트를 공통으로 사용되는 헤더 스크립트에 추가하면 된다. 개발자도구를 어떤 방법으로든 실행을 하면 Detecting 하며, 디택팅 되는 순간 로그아웃을 해버리며 오류 페이지로전환을 해버리기 때문에 개발자도구를 실행한 클라이언트 브라우져는 해당 에러화면 소스 만 볼수 있다. $(doc..

나름 개발자 도구를 막아 보겠다고 구글링 하며 테스트한 결과 결론은 못 막는다입니다...아래 소스는 참고 정도만 하시길... 브라우저의 메뉴를 통한 개발자 도구 열기는 막을 수 없다는...거기다 개발자도구 감지 부분도 무력화시키는 방법이 있음;;;( 완벽하게?? 막아지는 것 같은 방법이 있어 아래 링크를 추가합니다.)  개발자 도구 감지 출처:https://dev.to/composite/a-simple-way-to-detect-devtools-2ag0 A simple way to detect devtools.After I made this implementation, I found related issue on stack overflow....dev.to ###추가: 개발자도구 사용을 완벽하게 막는 방법..