Front
-
🔥 Problem 👉 웹페이지 접속 기기가 PC인지 모바일인지 판단하는 방법?🧙 Solution👉 Please refer to the code belowfunction fn_test() { // 웹인지 모바일인지 체크 var filter = "win16|win32|win64|macintel|mac"; if(navigator.platform) { if(filter.indexOf(navigator.platform.toLowerCase()) If I was of any help to you, please buy me coffee 😿😢😥If you have any questions, please leave them in the comments Buy me a coffee ▶ Yout..
[javascript] 웹페이지 접속 기기가 PC인지 모바일인지 판단하는 방법🔥 Problem 👉 웹페이지 접속 기기가 PC인지 모바일인지 판단하는 방법?🧙 Solution👉 Please refer to the code belowfunction fn_test() { // 웹인지 모바일인지 체크 var filter = "win16|win32|win64|macintel|mac"; if(navigator.platform) { if(filter.indexOf(navigator.platform.toLowerCase()) If I was of any help to you, please buy me coffee 😿😢😥If you have any questions, please leave them in the comments Buy me a coffee ▶ Yout..
2024.06.27 -
Hello bro I faced this problem that html2canvas font-family is not working (。•́︿•̀。) In my case... [Problem] Failed to apply font family when saving image with html2canvas [Solution 1] I use the latest version of html2canvas. => There is news that the bug has been fixed. [Solution 2] I used CORS and allowTaint Option. => I annotated these and they worked !! function test(){ html2canvas(document...
[Solved] Failed to apply font family when saving image with html2canvasHello bro I faced this problem that html2canvas font-family is not working (。•́︿•̀。) In my case... [Problem] Failed to apply font family when saving image with html2canvas [Solution 1] I use the latest version of html2canvas. => There is news that the bug has been fixed. [Solution 2] I used CORS and allowTaint Option. => I annotated these and they worked !! function test(){ html2canvas(document...
2023.10.12 -
👨💻 블로그 방문에 감사합니다! 안녕하세요. 팀드모네입니다. 홈페이지 보안 강화하기 위해, F12 및 개발자 도구를 통해 웹 페이지 소스코드를 보는 것을 막는 방법을 공유드립니다. 압니다. 페이스북 개발자도 말했지만, 이것은 외국에서도 큰 의미가 없다고 결론이 난 주제죠. 그러나, 해커를 완벽하게 막는 것이 어디있겠습니까? 귀찮게 하자는 것이죠. 애초에 보안이란 그런 것입니다. 귀찮에 귀찮음을 더해서 다른 먹거리(웹사이트)를 찾아 떠나시길 기원하는 것이죠. 🎯 F12 및 개발자 도구를 막는 소스코드 이 코드를 .html 또는 .jsp에 넣으시면 됩니다. 그러면, 사용자가 F12를 눌렀을 때 "개발자 도구(F12)는 사용하실 수 없습니다" 라는 알림창이 뜰 것입니다. !function() { // Det..
F12 및 개발자 도구를 막는 방법👨💻 블로그 방문에 감사합니다! 안녕하세요. 팀드모네입니다. 홈페이지 보안 강화하기 위해, F12 및 개발자 도구를 통해 웹 페이지 소스코드를 보는 것을 막는 방법을 공유드립니다. 압니다. 페이스북 개발자도 말했지만, 이것은 외국에서도 큰 의미가 없다고 결론이 난 주제죠. 그러나, 해커를 완벽하게 막는 것이 어디있겠습니까? 귀찮게 하자는 것이죠. 애초에 보안이란 그런 것입니다. 귀찮에 귀찮음을 더해서 다른 먹거리(웹사이트)를 찾아 떠나시길 기원하는 것이죠. 🎯 F12 및 개발자 도구를 막는 소스코드 이 코드를 .html 또는 .jsp에 넣으시면 됩니다. 그러면, 사용자가 F12를 눌렀을 때 "개발자 도구(F12)는 사용하실 수 없습니다" 라는 알림창이 뜰 것입니다. !function() { // Det..
2023.07.30 -
안녕하세요. 팀드모네입니다. 오늘은 Vue에서 발생하는 Component name "header" should always be multi-word vue/multi-word-component-names 관련 에러를 해결하는 방법에 대해 공유드립니다. [에러 원인] Vue에서는 컴포넌트나 name을 만들 때, 두 단어의 조합으로 해야한다는 규칙이 있다. 때문에 header나 footer 등의 네이밍도 잡아낸다. 이런 제약에 대한 의도는 좋으나.. 어떤 상황에선 불편한 것 같다. 결론적으로 관련 설정을 OFF하면 에러가 해결될 것으로 보인다. [해결 방법] 1. Vue-Cli로 프로젝트를 만든 경우 vue.config.js에 lintOnSave : false를 추가하면 됩니다. 참고로.. 해당 코드를 추가..
[오류 해결 방법] Component name "header" should always be multi-word안녕하세요. 팀드모네입니다. 오늘은 Vue에서 발생하는 Component name "header" should always be multi-word vue/multi-word-component-names 관련 에러를 해결하는 방법에 대해 공유드립니다. [에러 원인] Vue에서는 컴포넌트나 name을 만들 때, 두 단어의 조합으로 해야한다는 규칙이 있다. 때문에 header나 footer 등의 네이밍도 잡아낸다. 이런 제약에 대한 의도는 좋으나.. 어떤 상황에선 불편한 것 같다. 결론적으로 관련 설정을 OFF하면 에러가 해결될 것으로 보인다. [해결 방법] 1. Vue-Cli로 프로젝트를 만든 경우 vue.config.js에 lintOnSave : false를 추가하면 됩니다. 참고로.. 해당 코드를 추가..
2023.01.24 -
안녕하세요. 팀드모네입니다. 오늘은 VSCODE에서 VUE를 개발할 때, 설치를 권장드리는 확장 프로그램(Extension)에 대해 공유드립니다. 확장 프로그램 설치 방법? 우선, 확장 프로그램 설치 방법은 VSCODE 좌측 사이드바에서 Extension 아이콘을 클릭 설치를 원하시는 프로그램을 검색 -> 프로그램 찾으신 후 install 버튼을 누르시면 됩니다. 1. Prettier - Code formatter Prettier는 삭막한 세상에서 살아가는 개발자들의 빠른 퇴근을 돕고 「마음을 치유하는 천사같은 플러그인」입니다. 이름과 로고에서 느껴지듯, 코드를 예쁘게 정렬하기 위해서 사용하는 플러그인이죠. 사실 Prettier는 Vue 뿐 아니라 javascript, typescript, json, c..
VSCode에서 vue를 개발할 때, 꼭 설치해야 하는 확장 프로그램 TOP4안녕하세요. 팀드모네입니다. 오늘은 VSCODE에서 VUE를 개발할 때, 설치를 권장드리는 확장 프로그램(Extension)에 대해 공유드립니다. 확장 프로그램 설치 방법? 우선, 확장 프로그램 설치 방법은 VSCODE 좌측 사이드바에서 Extension 아이콘을 클릭 설치를 원하시는 프로그램을 검색 -> 프로그램 찾으신 후 install 버튼을 누르시면 됩니다. 1. Prettier - Code formatter Prettier는 삭막한 세상에서 살아가는 개발자들의 빠른 퇴근을 돕고 「마음을 치유하는 천사같은 플러그인」입니다. 이름과 로고에서 느껴지듯, 코드를 예쁘게 정렬하기 위해서 사용하는 플러그인이죠. 사실 Prettier는 Vue 뿐 아니라 javascript, typescript, json, c..
2023.01.24 -
안녕하세요. 팀드모네입니다. 오늘은 Visual Studio Code에서 발생하는 vue : 이 시스템에서 스크립트를 실행할 수 없으므로... 오류 해결 방법을 공유드립니다. 보통 vue create 시 발생하며, Powershell 파워쉘 실행정책을 건드는 방법으로 해결하였습니다. [해결방법] 1. Visual Studio Code를 관리자 권한으로 실행 2. 터미널에서 아래의 명령어를 차례로 입력 get-executionpolicy set-executionpolicy remotesigned get-executionpolicy 3. 결과 확인 감사합니다. reference : https://www.inflearn.com/questions/18112/vue-create-vue-form-%EC%97%90%..
[오류 해결 방법] vue 이 시스템에서 스크립트를 실행할 수 없으므로 vue.ps1 파일을 로드할 수 없습니다안녕하세요. 팀드모네입니다. 오늘은 Visual Studio Code에서 발생하는 vue : 이 시스템에서 스크립트를 실행할 수 없으므로... 오류 해결 방법을 공유드립니다. 보통 vue create 시 발생하며, Powershell 파워쉘 실행정책을 건드는 방법으로 해결하였습니다. [해결방법] 1. Visual Studio Code를 관리자 권한으로 실행 2. 터미널에서 아래의 명령어를 차례로 입력 get-executionpolicy set-executionpolicy remotesigned get-executionpolicy 3. 결과 확인 감사합니다. reference : https://www.inflearn.com/questions/18112/vue-create-vue-form-%EC%97%90%..
2023.01.24