JS Stack

https://stackoverflow.com/questions/12627443/jquery-click-vs-onclick eventuality이벤트 핸들러 추가, 실행, 관리 객체https://github.com/umbum/Web/blob/master/JS/goodparts/eventuality.html 이벤트흔히 사용하는 ``js window.onload``가 바로 이벤트다.```jswindow.onload = function(){};load : 이벤트 이름 또는 이벤트 타입( event type )onload : 이벤트 속성function(){}; : 이벤트 리스터 또는 이벤트 핸들러``` 문서 객체에 이벤트를 연결하는 방법을 이벤트 모델이라 한다. 이벤트 모델은 다음과 같이 DOM Level에 따..

TIP 웹 브라우저는 ``html ``를 먼저 읽고 ``html ``를 읽는다. 일반적으로 ``html ``` 둘 다 스크립트를 내려받는 동안은 HTML parsing을 진행하는데 ``async``는 스크립트를 내려받은 직후 스크립트를 실행하고 ``defer``는 스크립트를 내려받고 계속 HTML parsing을 진행하다 HTML parsing이 끝나는 시점에 스크립트를 실행하게 된다. ``defer``, jQuery, `` window.onload`` 순으로 빠르다. ```js $(function() {}); equivalent to $(document).ready(function() {}); window.onload = function(){}; ``` window 객체 브라우저를 통해 JS를 사용할 ..

JS에서 숫자 타입은 Number인데, 이건 소수점 타입이다. https://developer.mozilla.org/en-US/docs/Glossary/Number Int 같은 정수형 타입은 따로 없고... 그래서 정확한 수를 받아올 때는 String으로 해야함. axios 등으로 받아올 때, 자동으로 Number로 타입추론 들어가면서 숫자가 변경되는 경우 있을 수 있음. 이런 문제는 서버 사이드에서 JSON encode 해서 내려주는게 맞음. https://stackoverflow.com/questions/44317740/there-is-a-clean-way-to-return-string-as-json-in-a-spring-web-api ``js parseInt()``를 사용할 때는 항상 기수를 지정해..

```html content ``` content + tag = element HTML은 정적 페이지를 만드는 데만 사용할 수 있다. 따라서 사용자의 입력에 따라 동적으로 페이지를 변경해 제공하기 위해서는 JS를 사용해야 한다. HTML만 사용해서 처리하려면 사용자의 입력에 따라 변화한 페이지를 모두 HTML파일로 만들어 놓아야 한다. HTML의 특징은 Hyper Text를 지원한다는 점. HTML 이전 : 페이지에서 다른 페이지로 이동하는 링크가 없었다. HTML : 페이지에서 다른 페이지로 링크를 타고 이동할 수 있다. HTML + JS : 사용자의 입력값에 따라 페이지에 변화를 줄 수 있다. semantic HTML을 작성할 때는 디자인 보다는 "의미"에 집중해야 한다. 디자인은 CSS로 처리한다...

XML(eXtensible Markup Language)tree 구조 ( hierarchical )반드시 단 하나의 root만 가져야 한다DTD(Document Type Definition)는 문서 당 하나여야 한다```xml ]> 127.0.0.1 . . .``` 검색```xml일반적으로는 / 문서 전체에서 검색 // 계층은 상관없음attribute를 검색 @ /ip/@addr 하면 loopback이 나온다.attribute로 검색 [] /ip[addr="loopback"]```xpath에서 namespace 때문에 tag가 검색이 잘 안되는데, 그럴 땐 //*[local-name()='ip']를 이용한다. 또는 NameSpaceContext를 만들어서 xpath에 붙여도 된다. namespace다른 ..