검색용 개발 블로그 (49) 썸네일형 리스트형 [javascirpt] 반복문 정리 출처: https://curryyou.tistory.com/202 [카레유] for 고전적 for(let i=0; i Javascript 에서 외부 URL 호출 하기 javascript 외부 url 호출 자바스크립트에서 외부 URL 호출하는 방법 https://blog.naver.com/PostView.nhn?isHttpsRedirect=true&blogId=tius1234&logNo=220509260736 https://www.daleseo.com/js-window-fetch/ 위 사이트를 보고 fetch를 이용해서 외부 url을 여러번 호출하려고 한다. fetch("https://act.ad-max.co.kr/track/receive_web?tracker_id=vegas&action=purchase&adkey=test&ip=&country=KR&click_time=1638783197&event_time=1638783793&rev=68000¤cy=KRW&.. [iframe] iframe안에 있는 javascirpt가 실행될까? 해외 광고주가 스크립트를 iframe에 넣어버렸다. 왜 그런짓을 한거지? 라는 생각도 들었지만 궁금해졌다. iframe안에 있는 javascirpt가 실행될까? 어제 알게된 nodeJS로 서버를 띄어보자 우선 server.js에 포트는 9090 열어주고.. localhost:9090/main 으로 접속 시 main.html을 띄우게 한다. main.html에는 iframe test1, tetst2 2개를 깔아주면 된다. 여기서는 test2에 연결된 test.html에 주목하면 된다. test.html에 회사 스크립트를 심을 예정이다. 1) test.html에 심심해서 img 태그를 넣어서 귀여운 냥코 센서를 띄어주었다. 2) 그리고 원래 목적인 test.html에 회사 javascript 코드들도 실행하.. [javascirpt] 이벤트 등록 아 진짜 이벤트 등록 어쩌라는거야!!! 복잡해서 정리한다. 현재 회사에서 쓰는 자바스크립트 이벤트 등록은 아래와 같다. 근데 initEvent가 deprecated 되었다. (더 이상 사용되지 않는) 그리고 커스텀 이벤트 등록은 어떻게 하는걸까? https://ko.javascript.info/introduction-browser-events 브라우저 이벤트 소개 ko.javascript.info 이 사이트 강추! 이벤트를 이해하는데 수월했다. 1) HTML 속성 HTML 안의 on 속성에 핸들러를 할당할 수 있습니다. 아래 같이 input 태그의 onclick 속성에 click 핸들러를 할당하는 것 같이 말이죠. 2) DOM 프로퍼티 DOM 프로퍼티 on을 사용해도 핸들러를 할당할 수 있습니다. ele.. [jsp] jsp태그 구분 JSP 태그 용도 지시자 페이지 속성 지정 주석 주석 처리 선언 변수, 메소드의 선언 표현식 결과값 출력 스크립트릿 JAVA 코드 삽입 액션태그 페이지 삽입, 공유, 자바빈 사용 등 아 그동안 몰랐는데 ㅋㅋㅋㅋㅋㅋ 이런 의미였군.. 배웠던거 같은데 기억이 안나 ㅋㅋㅋ 하도 안해서 ㅋㅋㅋ 지시자 JSP 페이지가 컨테이너에게 필요한 메세지를 보내기 위한 태그 page : JSP 페이지의 전체적인 속성을 지정 include : 다른 페이지를 현재 페이지에 삽입 taglib : 태그라이브러리의 태그 사용 범위 : JSP 파일 전체 (클래스를 import 할 경우 파일 내 어디서든 접근할 수 있음) 선언 표현식 변수 또는 메소드의 결과값을 출력 자바 코드를 삽입하는 것보다 더 간단하게 출력 가능 변수나 메소.. [javascirpt] 글씨 넣기 https://ko.javascript.info/modifying-document 문서 수정하기 ko.javascript.info 요소 생성하기 let div = document.createElement('div'); let textNode = document.createTextNode('안녕하세요.'); 요소 삽입하기 // 1. 요소 만들기 let div = document.createElement('div'); // 2. 만든 요소의 클래스를 'alert'로 설정 div.className = "alert"; // 3. 내용 채워넣기 div.innerHTML = "안녕하세요! 중요 메시지를 확인하셨습니다."; 삽입 메서드 document.body.append(div); node.append(노드나 문자.. [javascirpt] onclick 과 click 함수 html 에서도 onclick 이 나오고 javascirpt에서도 click onclick 함수가 나오고 커스텀으로 함수를 만들 수 있는데 이런걸 어떻게 정리하지??????? 도대체 뭐지>> onclick은 하나만, addEventListener는 여러 개를. onclick 이벤트 핸들러를 두 번 이상 사용한다면 기존 이벤트 핸들러를 덮어쓰기 때문에 가장 아래에 추가한 핸들러만 제대로 작동한다. addEventListener는 기존 이벤트 핸들러를 덮어 쓰지 않고 얼마든지 계속해서 핸들러를 추가해도 모든 핸들러가 정상적으로 작동한다. 참고: https://jess2.xyz/JavaScript/onclick-vs-addeventlistener/ [JavaScript] onclick과 addEventList.. [javascript] 정규표현식 이전 1 2 3 4 5 6 7 다음
