분류 전체보기 (124) 썸네일형 리스트형 JS9 객체.children - 부모의 자식노드를 전부 반환 setInterval ( 함수 , millisecond ) - 해당함수를 지정한시간마다 재실행 clearInterval(); - Interval 종료 setTimeout( 함수 , millisecond ) - 해당함수를 지정한시간이 지나면 실행 clearTimeout(); - Timeout 종료 Object.keys()메서드는 지정된 객체의 고유 한 열거 가능한 속성 이름 배열을 반환 하며 일반 루프와 동일한 순서로 반복됩니다. -출처 MDN Object.keys(JSON객체명).length; - JSON의 길이구하기 JS8 태그의 dataset 속성 태그에 data-key(이름상관없음) = "value" 를 추가하면 --> 해당객체의 datatset이라는 속성에 key는 키이름 value는 키값으로 추가된다 그래서 console.log(객체.dataset.key) 를 입력할경우 --> value를 출력한다. ( 여기서 브라우저의 console창에 출력되는 value는 단순 정보를 담은 문자에 불과하다 ) 이어서 value에 JSON형태의 값을 형식에맞춰(키와 값이 ""에 포함되게끔) 작성후 console.log(객체.dataset.key)을 입력할경우 --> {"키" : "값 , "키":"값"}의 문자를 출력한다 이제 해당 태그만 가져올수 있게된다면 JSON.parse(객체.dataset.key); 를이용해 해당 값을 JS.. JS7 스크립트 언어인 JS에서 코드작성시 길이가길어 행을바꾸고싶을때 "\" 백슬래쉬를 쓰면 이어줄수있다 객체.toggle("name") - 태그 class에 "name"이 있다면 삭제 없다면 추가 합니다. 상위태그에 이벤트핸들러를 부여하면 본인을포함한 하위모든태그에 동일한 이벤트가 부여된다 (단 list는 부모가 아니다 [ ex)qeurySelectorAll("id명")으로 가져온 객체는 배열이지 부모가아님! ] 이벤트위임 - 이벤트핸들러를 사용할때 함수안에는 항상 event객체가 전달된다 주의할점 - 의도하지않은 태그에도 이벤트핸들러가 작동한다 예방법 - event.target.tagName 값을 확인해서 해당반환값이 아닌경우 이벤트작동을 하지않게끔 설정을하면 원하는 자식 태그에만 이벤트를 설정하는 효과를 .. JS6 객체.parentElement - 부모 태그를 반환 객체.parentNode - 부모의 태그,text반환 ========== Element가 없으면 text까지반환 없다면 태그만 반환 한다 ======== 객체.nextElementSibling - 다음 형제 태그 반환 객체.previousElementSibling) - 이전 형제 태그 반환 객체.firstElementChild - 첫번째 자식 태그 반환 객체.lastElementChild - 마지막 자식 태그 반환 이벤트 헨들러에 this 매개변수를 전달해주는것을 응용하면 현재태그의 부모,자식,형제 태그를 자유롭게 지정할수있다 (함수안에서 동적으로 생성된 이벤트 핸들러에도 이벤트 핸들러를 추가할수 잇다) 부모객체.insertBefore(자식객체 1번, .. JS5 문자열을 태그처럼 작성하여 태그안에 태그를 추가할수있다 ex) var str = ; 변수명.innerHTML = str; document 태그관련 객체 createElement("태그명") - 새로운 태그의값을 변수에 추가한다 ex) var li = document.createElement("li"); 태그객체.appendChild("태그명객체") - 태그안에 태그를 추가한다 ex) li.appendChild(div 그결과 지속적으로 태그의 추가가 되지않았다 계속해서 새로운태그만 대입하고있는상태였다 정답을 보기이전까지 해결책을 찾지못한이유 -->함수가 실행될때마다 객체가 생성되는 코드는 항상 비효율적이라고 생각하여 함수안에 잦은 객체생성을 아예 하려고하지않았다. 하지만 이와같은경우에는 함수의재사용을 하면.. JS4 BOM - 브라우저 모든요소 DOM - document객체 (BOM의 하위속성) JSON데이터 저장방법 var 변수명 = JSON.stringify ({ 키이름 : 변수 }) or = [ {"키 이름" : " 값"}] js로 css사용 방법 - 변수.style.(속성) = "옵션" (단 , getElementsByClassName으로 가져온 변수일경우 [인덱스]를 꼭 활용해야 사용가능하다) 노드 - 데이터의 분기점 , 데이터의 접속점 list 생성방법 - var 변수명 = new Array() change특징 - 포커스가 풀리는 순간을 변화가 일어난시점으로 인식한다 최범균의 JSP2.3웹프로그래밍 정복 PART2 - 필수습득 chapter05 기본 객체와 영역 chapter06 에러 처리 chapter07 페이지 모듈화와 요청 흐름 제어 chapter08 자바빈과 액션 태그 chapter09 클라이언트와의 대화 1 :쿠키 chapter10 클라이언트와의 대화 2 : 세션 chapter11 표준 언어(Expression Language) chapter12 표준 태그 라이브러리(JSTL) ---------------------------------------------------------------------------------- [chapter 05 기본 객체와 영역] 이장에서 다룰 내용 -JSP 기본 객체 -out 기본 객체 -pageContext 기본 객체 -application 기본 객체 -기본 객체와 속성 1) 기본.. JS3 이벤트 - 브라우저에서 동작 발생 이벤트 헨들러 - 이벤트에 반응하는것 이벤트 헨들러 사용방식 1)인라인 - 태그안에 이벤트핸들러명 : 함수사용 2) 기본 - id나 this를 통해 해당태그 값에 접근후 이벤트처리 3)표준 - id나 this로 접근하여 addEventListener(이벤트핸들러명, 함수) 로처리 innerHTML = 열고 닫히는 태그의 문자열로 접근 window.onload = function(){ 실행구문 } - window객체 로드 JSON이란 JSON - "키"=값으로 이루어진 데이터묶음 실행환경이란 실행환경 - 코드내부에서 무언가(정확히 정의하지못한상태)될때 생기는 것 특징 - 실행순서대로 스택형태로 쌓인다 스택으로 생성될때 vo또는go / sc / this 가 생성된다 https://poiemaweb.com/js-execution-context 이전 1 ··· 3 4 5 6 7 8 9 ··· 13 다음