공부 기록용 공부 기록용

J-Query 의 필요성 ■ 사용의 편리성이 있다 ■ 크로스 브라우징, 자바스크립트는 브라우저마다 해석하므로 종류나 버젼마다 표현이 안되거나 다르게 되는 경우가 있다 ■ 다양한 플러그인, J-Query 를 기초로 한 유용한 플러그인이 많다 Selector ■ $(this) : 이벤트가 걸린 요소나, 찾을 수 없다면 문서 전체 ■ $('p:first') : p 태그 중에서 첫번째 요소 ■ $(':button') : 버튼 태그 또는 속성인 요소 ■ $('p[=]') : p 태그 중에서 a 속성이 v 값인 요소 ■ $('p[]') : p 태그 중에서 a 속성이 있는 요소 CDN 링크만 연결해서 라이브러리를 가져다 쓰는 방식 https://jquery.com/download/ Download jQuery | j..

JS-DOM (API) ■ 문서 내 객체들을 지정하고 상호작용하기 위한 API이다 Document 내에서 요소를 가져오는 세가지 방법 ■ document 객체에 접근해서 태그, 클래스, 아이디 이름으로 요소를 가져오는 방법 ■동일하지만 쿼리 셀렉터를 통해 복수개의 요소가 있으면 최상위 요소만 가져온다 (구버젼에서는 에러 발생할 수 있음) ■ querySelectorALL 은 복수개의 요소들이 담긴 NodeList 로 반환해준다 (구버젼에서는 에러 발생할 수 있음) // getElements : 갯수에 상관없이 배열에 담아오겠다는 의미 var elemTags = document.getElementsByTagName('h1'); console.log(elemTags); var elemClass = docum..

CLIENT-SERVER Web Browser(브라우저) ■ 브라우저는 사용자의 요청을 서버(Web Server)에 요청하고, 응답 받은 코드 형태의 문서(HTML, CSS, JS)를 해석하여 화면에 보여준다 □ 렌더링, 쿠키 처리, 캐싱 기능은 사용자-서버 간의 인터페이스, 접점 같은 역할들을 수행한다 □ 크롬, 사파리, 엣지 등 브라우저는 본인들만의 규격을 통해 문서를 해석한다(약간씩 결과가 차이가 있음) □ HTML, CSS, JAVA SCRIPT, J-QUERY Web Server(웹 서버) ■ 웹 브라우저로부터 요청을 받아 정적인 콘텐츠(HTML, CSS)를 처리해준다 나머지 동적인 컨텐츠는 WAS 에게 맡기고, 그 결과를 응답받으면 완성된 문서를 브라우저에게 보내준다 □ JAVA, JAVA S..