WEB18 [WEB] Cookie와 Session으로 HTTP의 비연결성, 비상태성 보완하기 HTTP의 비연결성, 비상태성이 뭐길래 HTTP 는 인터넷에서 server 와 client 가 어떻게 서로 데이터를 주고받을지를 정해 놓은 규칙( Protocol )이다. 이 Protocol 은 server 의 자원을 절약하기 위해 server 와 client 의 연결 상태를 유지하지 않고, 연결 해제 후에도 상태 정보를 저장하지 않는다. 즉, 모든 사용자의 요청마다 연결과 해제를 반복하는데, 이러한 HTTP의 특성을 비연결성 ( Connectionless ), 비상태성( Stateless )이라 한다. Connectionless 와 Stateless 덕분에 server의 자원은 많이 절약되지만, 같은 사용자가 여러 번 요청한 것을 매번 새로운 사용자로 인식하기 때문에, 페이지가 바뀔 때마다 계속 로그인.. 2020. 8. 19. [WEB] Browser의 Rendering_2. Render Tree의 생성, 배치, 그리기 Render Tree 앞에서 생성한 DOM Tree는 문서의 내용, CSSOM Tree는 그 문서에 적용할 스타일 규칙을 담고 있다. 이 둘은 아직 서로 독립된 객체이기 때문에 스타일이 적용된 내용을 출력하기 위해 둘을 합쳐 Render Tree를 생성한다. 주목할 점은, 넘어온 모든 정보들이 포함되어있는 DOM, CSSOM Tree와 달리 Render Tree는 실제 화면에 표시되는 노드들로만 구성된다는 점이다. 위의 도식에서 살펴보면, style에 display : none이 적용된 은 Render Tree를 구성하지 않고 있다. 그 이유는, Render Tree를 구성하기 위해 Browser가 다음 과정을 거치기 때문이다. 1. DOM Tree의 루트에서 시작하여 표시되는 노드 각각을 가로지른다. .. 2020. 8. 12. [WEB] Attribute와 Property Attribute DOM을 어떻게 만들어낼지에 대한 필수적 항목이다. HTML 텍스트 문서 상의 들인 Element가 지닌 것들로 Element의 형식을 지정한다. 이름="값" 설정을 통해 attribute를 지정한다. 의 class, 의 src, alt가 attribute에 해당한다. Property DOM Tree 안에 존재하며, JavaScript의 최상위 존재인 Object가 가지고 있는 구성 요소다. 런타임 동안 Element 정보를 저장해두는 주요 수단으로, 해당 정보에 어떤 방식으로 접근해야 하는지를 나타낸다. Our DIV node |- nodename = "DIV" |- className = "info" |- style |- . . . |- . . . [ Element의 속성(attrib.. 2020. 7. 31. [WEB] HTML의 Meta Tag Meta Tag - 근본적인 정의, 설명을 뜻하는 meta와 tag가 더해진 합성어이다. - 검색 엔진이 지정된 사이트를 올바르게 분류 할 수 있도록 웹 페이지에 삽입 된 코딩 된 tag이며, 문서의 내용, 키워드, 제작자 등 문서 자체의 특성을 담고 있어 SEO(검색어 최적화)에 도움을 준다. [ 입력이 필수인 Meta Tag ] Charset Meta Tag - 문자 코드의 종류를 설정한다. - 페이지 표시 방법을 정의하여 웹 페이지의 컨텐츠 유형 및 문자 세트를 식별한다 . Keyword Meta Tag - 사이트를 가장 잘 설명하는 단어와 구문의 목록이며, 해당 페이지와 직접 관련이 있어야 한다 . - 하지만 악용으로 인해 Google 포함 많은 검색 엔진이 더 이상 keyword를 보지 않아 많.. 2020. 7. 27. [WEB] HTML4와 HTML5의 차이점 4가지 1. 간단한 선언 W3C에서는 HTML 문서의 시작은 으로 시작할 것을 권장하고 있다. 이는 HTML5 문법을 따르도록 작성된 문서임을 확인하는 과정이다. HTML4 HTML4에서는 HTML의 문서 유형이 몇 가지가 존재했고, 브라우저마다 지원하는 정도에 차이가 있었다. 이러한 이유로 문서 형식을 맨 위에 선언하여 브라우저가 웹 문서를 로딩하여 렌더링하기 쉽게 해 주었는데, 많은 개발자들이 복잡한 문서 형식 선언을 생략한 형태로 HTML 문서를 작성하였다. 그래서 사용자의 브라우저 환경에 따라 정상적으로 보이기도 하지만 그렇지 않기도 하는 문제점이 발생하곤 했는데, HTML5 HTML5 표준에서는 간단한 이면 충분하다! 2. 새로운 Contents Model을 소개합니다. Contents Model은 H.. 2020. 7. 16. 이전 1 2 3 4 다음
