전체 글 202

JSP 내장객체 9가지

javax.servlet.jsp.PageContext pageContext; javax.servlet.http.HttpSession session; javax.servlet.ServletContext application; javax.servlet.http.HttpServletRequest request; javax.servlet.http.HttpServletResponse response; javax.servlet.jsp.JspWriter out; java.lang.Object page; java.lang.Throwable exception; javax.servlet.ServletConfig; - 이상 객체는 선언하거나 생성하지 않아도 .jsp 파일에서 바로 사용할 수 있다 - request 객체와 r..

버블링, 캡쳐링

만약 전역에도, 부모 노드에도, 자식 노드에도 이벤트가 있을시 항상 나 자신이 제일 먼저 실행됨 본인 태그 이벤트 -> 부모 태그 이벤트 -> 전역 이벤트 순으로 실행됨 1. 버블링: 여기서 오직 본인 태그만 실행되게 하고 싶다 if(event.stopPropagation) event.stopPropagation();//이것만 써도됨 else event.cancelBubble = true;//IE 7,8버전일때는 이렇게 버블링 막아야됨 이렇게 하면 상위 이벤트 다 막힘 2. 캡쳐링: 특정 이벤트는 무조건 제일 먼저 실행되게 하고 싶다 document.addEventListener("click", function() { alert("capture 방법") }, true);//true: capture 사용한..

카테고리 없음 2021.01.27

자식 노드 추가,삭제 appendChild, removeChild

자식 노드 추가하는 방법: - html에 있는 태그를 변경하는 것이 아닌 html에 없는 태그 추가하기 const 변수명 = document.createElement("태그명"); -> createElement로 먼저 태그 생성 변수명.setAttribute("속성명", 값); -> .setAttribute("class", "myClass"); 하면 클래스 추가됨 부모노드.appendChild("변수명"); -> 부모노드에 방금 생성한 자식 노드 추가 ex) function append() { const image = document.createElement("img"); //태그 생성 image.setAttribute("src","img/ball.jpg"); //src 속성 추가 image.setAtt..

DOM으로 html에 접근 후 변경하는 방법

기본은 객체.속성=값 ex) document.getElementById("id명").src="경로명"; 이러면 해당 태그의 src 속성이 변경됨 객체를 변수에 저장한 후 변수를 변경해도 됨 - css 속성은 "-" 이 기호를 빼고 카멜표기법으로 사용 bodyid.style.backgroundColor="black"; (원래는 background-color: black;) - 문자 넣기 .innerHTML .outerHTML inner outter 차이는 해당 아이디가 있는 태그 포함 or 미포함면태그 포함 or 미포함 비공식이지만 html이 아닌 문자열 삽입하는 방법 .innerText .outerText

주의할점

1) html 에서의 script 태그 위치 - 웬만하면 자바스크립트 내용은 .js 파일로 빼서 사용하는 것이 이상적, 하지만 꼭 html 안에 넣어야 할때는 바디 태그 밑에 위치하게 하기 스크립트태그가 바디 태그보다 위에 있으면 자바스크립트는 인터프리터 언어라 스크립트 문장이 실행될때 바디테그가 생성이 안되어있어서 값을 가져올 수 없을 수도 있음 2) DOM으로 html을 가져올때는 객체 자체를 가져와야됨 - 이때 객체가 아닌 객체 안에 속성을 가져오면 수정한다고 변경되지 않음, 변수에 객체를 담은다음 객체를 변경해야됨

DOM으로 html 태그에 접근하기 getElementById, querySelector

DOM으로 html 태그에 접근하는 두가지 방법 1) document.getElementBy... document.getElementById("id명"); //객체로 받아옴 document.getElementsByClassName("class명"); //HTMLCollection 으로 받아옴 document.getElementsByName("name명"); //NodeList 로 받아옴 document.getElementsByTagName("태그명"); //HTMLCollection 으로 받아옴 //Array.from("변수명") 사용하면 HTMLCollection로 받아온 값을 배열로 바꿀 수 있음 2) document.querySelector.. document.querySelector("#id명")..

OSI 7 Layer

통신 프로토콜의 개념 - 통신을 원하는 두 개체 간에 무엇을, 어떻게, 언제 통신할 것인지 약속한 규정 - 컴퓨터와 단말기, 또는 컴퓨터 간에 정보 교환을 하기 위해서 사전에 약속된 통신 규약 통신 프로토콜의 발전과 표준화 배경 - 1960년대부터 사용, 그 당시에 다양한 OS가 있었고 컴퓨터마다 OS도 다르고 하드웨어도 달라서 통신하는데 어려움이 따름 - 초기에는 IBM사가 제정한 프로토콜인 BSC(Binary Synchronous Communication)와 SDLC(Synchronous Data Link Contril)를 많이 사용 - 그 후 컴퓨터와 통신 관련 제조회사마다 다른 프로토콜을 개발해 사용, 많은 혼란이 발생됨 - 1976년 국제 전신전화 자문위원회(CCITT)에서 여러 프로토콜을 종합..

[CS]/[네트워크] 2021.01.14