반응형 개발160 [JavaScript] 브라우저 개발자 도구(F12) 막기 $(function(){ //개발자 도구 실행 감지. console.log(Object.defineProperties(new Error, { toString: {value() {(new Error).stack.includes('toString@')}}, message: { get() { e.preventDefault(); alert('개발자 도구는 사용하실 수 없습니다.'); // 이전 페이지로 이동 history.go(-1); } }, })); // 키보드로 개발자.. 2025. 3. 12. [JavaScript] Kakao 지도 API 사용하기(주소로 여러개 마커 표시하기) 이전글https://greed-yb.tistory.com/335 [JavaScript] Kakao 지도 API 사용하기(403 에러 포함)https://apis.map.kakao.com/web/guide/ 지도 Api 사용하기 위한 가입 및 설정 개발하고 있는 url 을 입력한다http://localhost:8080/test/mapApi.do 에서 지도Api 를 사용하는데도메인만greed-yb.tistory.com // map 을 그리기 위한 div // layout 에서 설정해두었기 때문에 주석// 2025. 3. 11. [JavaScript] Kakao 지도 API 사용하기(403 에러 포함) https://apis.map.kakao.com/web/guide/ 지도 Api 사용하기 위한 가입 및 설정 개발하고 있는 url 을 입력한다http://localhost:8080/test/mapApi.do 에서 지도Api 를 사용하는데도메인만 입력해 주면 된다 예) http://localhost:8080 이후에 script 를 구성하여 지도 api 를 사용하는 가이드가 진행되는데 여기서 하나 더 설정을 해줘야 한다 상태를 ON 으로 하지 않으면 403 오류를 계속 뱉는다(새로 추가된 부분이라는데 가이드에 없어서 엄청 찾았다) 지도 Api 사용하기 // map 을 그리기 위한 div // layout 이 적용되어있어서 layout.html 에.. 2025. 3. 10. [JavaScript] 체크 된 행의 데이터 가져오기 이전글https://greed-yb.tistory.com/333 [JavaScript] CheckBox 전체 선택, 전체 해제 하기이름 번호 흰둥이1 000-0000-0000 흰둥이2 111-1111-1111 핵심은 동일한 name 을 주고 제어를 해주면 된다greed-yb.tistory.com 이름 번호 .. 2025. 2. 23. [JavaScript] CheckBox 전체 선택, 전체 해제 하기 이름 번호 흰둥이1 000-0000-0000 흰둥이2 111-1111-1111 핵심은 동일한 name 을 주고 제어를 해주면 된다 2025. 2. 23. [JavaScript] 파일선택 시 이미지 미리보기(FileReader) 이미지를 업로드 하기 전에 미리보고 싶은 경우가 있다매번 base64 로 인코딩 하기도 번거로운데 좋은 함수가 있더라 이미지 표시 FileReader 를 이용하여 선택한 이미지를 바로 변환시킨다이미지가 아닌 경우 이미지가 나오지 않으니 중간에 검증 로직은 꼭 추가 해야 할것! 2025. 2. 22. 이전 1 2 3 4 5 ··· 27 다음 반응형
