반응형 개발/JavaScript12 [JavaScript] Editor 만들기(바닐라, Vanilla) 우리가 흔히 사용하는 글 작성 Editor 를 한번 만들어보고 싶어졌다그리고...난 너무 후회했다, 시작을 하지 말걸.... 요즘 jQuery 를 사용하지 않는 곳이 없다지만공부 겸, 어디서든 사용할 수 있도록 jQuery 를 배제하고 순수 Javascript 로만 코드를 만들고 싶었다 개발자로 일해오면서 거진 대부분은 jQuery 만 사용해 왔고순수 Javascript 로는 getElementById 또는 querySelector 같은 단순한 것 만들 사용 해봐서개발 방향 및 방식은 내 생각대로 하고, 코드 구현은 ChatGPT 로 하였다(개인적으로 ChatGPT 로 개발하는 걸 좋아하지 않는다) jQuery 로 했으면 이렇게까지 고생하지 않고 ChatGPT 없이 만들었을 거 같은데...만들다 지치다 .. 2025. 3. 29. [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. 이전 1 2 다음 반응형
