5-2) 글로 적는 웹개발 공부 - 복습
- javascript 는 클라이언트 컴퓨터의 브라우저(Browser) 에서 작동된다.
- javascript 에서 변수의 선언은 var 키워드를 사용한다. *var 보다 const 사용해야한다. 더 알아보자.
- javascript 에서 함수의 선언은 function 키워드를 사용한다.
- javascript 는 자료형간의 형변환이 자유롭다.
- 특정함수를 특정시간마다 계속 호출하는 함수는 setInterval() 이다.
- 특정함수를 특정시간후에 한번 호출하는 함수는 setTiteout() 이다.
- setInterval() 함수를 멈추기 위해서 사용하는 함수는 clearInterval() 이다.
- 난수의 발생을 위해서 Math.random() 함수를 사용한다.
- 날짜 및 시간을 이용하기 위해서 Date 객체를 사용한다. *Javascript 의 내장객체중 하나
- 브라우저 자체를 의미하는 객체는 window 이다.
- HTML 문서 자체를 의미하는 객체는 document 이다.
- 주소창을 의미하는 객체는 location 이다.
- window, document, loaction 등의 객체를 브라우저가 가진 객체라고 하여 BOM(Browser Object Model) 이라고 한다.
- <h1> <div> <input> 등 HTML 에 있는 요소들을 트리구조로 인식하는 방법을 문서객체모델 DOM(Document Object Model) 이라고 한다.
| BOM(Browser Object Model) | DOM(Document Object Model) |
|
|
* BOM 과 DOM 에 대해서 더 알아보자.
- Javascript 를 편리하게 사용하기 위해서 jQuery 라이브러리를 이용한다.
- 날짜 및 시간을 편리하게 사용하기 위해서 moment 라이브러리를 이용한다.
- Javascript 에서 템플릿을 편하게 사용하기 위해서 underscore 라이브러리를 이용한다.
- jQuery 는 DOM 선택이 쉽고 요소들의 내용(css, 글자)의 변경이 쉽다.
- jQuery 는 이펙트, 애니메이션이 쉽다,
- jQuery 는 ajax가 편리하고 쉽다.
- jQuery 는 이벤트처리가 쉽다.
- jQuery() 함수는 $() 로 축약하여 사용한다.
- $(선택자) 로 jquery 요소객체를 얻어올 수 있다.
- 이벤트리스너를 등록하는 메서드는 on이다. *인자 3개짜리 중요하다.
- 이벤트리스너를 제거하는 메서드는 off이다.
- click 메서드를 이용하면 편리하게 'click' 이벤트를 처리할 수 있다.
- this는 Javascript 객체이다.
- 자바스크립트 객체를 jquery 객체로 변경하려면 $(자바스크립트객체)이다.
- 요소의 css를 변경하거나 얻어오기 위해서 css() 메서드를 이용한다.
- 요소의 글자를 변경하거나 얻어오기 위해서 text() 메서드를 이용한다.
- input, select, textarea 에서 내용을 변경하거나 얻어오기 위해서는 val() 를 이용한다.
- 해당요소가 부모로부터 몇번째 요소인지 얻어오는 메서드는 index() 이다.
- 배열이나 여러 jquery 요소객체의 각번지에 접근하기 위해서 사용하는 메서드는 each() 이다.
- 요소의 속성을 얻어오거나 변경하기 위해서 사용하는 메서드는 attr() 이다.
- 요소의 클래스를 추가하는 메서드는 addClass() 이다.
- 요소의 클래스를 제거하는 메서드는 removeClass() 이다.
- 요소가 특정클래스를 가지고 있는지 확인하는 메서드는ㅇ hasClass() 이다.
- display:none 을 쉽게하는 메서드는 hide() 이다.
- display:block 을 쉽게하는 메서드는 show() 이다.
- 요소의 앞요소를 선택하는 메서드는 prev() 이다.
- 요소의 뒷요소를 선택하는 메서드는 next() 이다.
- 부모를 선택하는 메서드는 parent() 이다.
- 조상요소들을 선택하는 메서드는 parents() 이다.
- 자식요소들을 선택하는 메서드는 children() 이다.
- 랩퍼(wrapper) 객체들 중에 특정 index 를 선택하는 메서드는 eq() 이다.
- 자식요소들 중에 특정요소를 찾아내는 메서드는 find() 이다.
- $("h2) / $("<h2>") 둘의 차이점을 설명하세요
- => $("h2") 는 기존에 존재하는 요소를 선택하는것, $("<h2>") 는 h2 라는 요소를 생성하는 차이가 있다.
- 부모.append(자식) <-- 부모의 마지막 자식으로 삽입하는 메서드이다.
- 자식.appendTo(부모) <-- 부모의 마지막 자식으로 삽입하는 메서드이다.
- 부모.prepend(자식) <-- 부모의 첫번째 자식으로 삽입하는 메서드이다.
- 자식.prependTo(부모) <-- 부모의 첫번째 자식으로 삽입하는 메서드이다.
- 자식요소들 전부를 지우는 메서드는 empty() 이다.
- 특정요소 한 개를 지우는 메서드는 remove() 이다.
- ajax 를 사용하려면 $.ajax({}) 이다.
|
$.ajax({ url:"getList.jsp", dataType: "json", type:"get", error:function(){ alert("에러발생"); }, success:function(){ alert("성공"); } });
|
'개발자의 길 > 글로 적는 웹개발' 카테고리의 다른 글
| 6) 글로 적는 웹개발 - 스프링(Spring) (0) | 2019.09.23 |
|---|---|
| 5-3) 글로 적는 웹개발 공부 - 복습 (0) | 2019.09.22 |
| 5) 글로 적는 웹개발 공부 - 복습 (0) | 2019.09.17 |
| 4) 글로 적는 웹개발 공부 - 웹(Web) (0) | 2019.09.16 |
| 3-2) 글로 적는 웹개발 공부 - 오라클 디비(Oracle DB) (0) | 2019.09.15 |