JS Stack/Front-end

Cookie와 Storage 모두 개발자 도구의 Application 탭에서 확인할 수 있다.Cookie는 EditThisCookie 크롬 확장프로그램을 사용하는 것이 편하다. Cookie서버에서 클라이언트가 쿠키를 설정하도록 지정할 수도 있고, 클라이언트에서 자체적으로 설정할 수도 있다.HTTP는 stateless protocol이므로 상태를 저장하기 위해 쿠키를 이용한다. 쿠키는 기본적으로 `` Name=Value`` 형태로 지정한다.다음 속성들도 가질 수 있다.Expires / Max-Age : 파기 날짜를 지정하지 않으면 브라우저가 종료될 때 쿠키가 삭제된다.Path : 입력하지 않으면 현재 도메인의 경로로 자동 입력된다. 지정한 경로의 하위에서만 해당 쿠키에 접근할 수 있다.Domain : 입력..

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를 사용할 ..

```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다른 ..