본문 바로가기

전체 글291

CSS drop down menu 평소에는 Products, Sales만 있는 상태이다가 Products에 마우스를 올리면 아래로 하위 메뉴가 나오게 하는 예제이다. 위와 같은 드롭다운 메뉴를 만들기 위해서 display, position을 활용한다. products의 자식 태그인 ul의 css 속성으로 display: none;으로 설정한다. 이후 products:hover ul{display: block} 을 하여 드롭다운 메뉴가 나타나게 한다. 드롭다운 메뉴의 position 속성은 absolute을 사용하여 나타났을 때 레이아웃에 영향을 안 미치도록 해야 한다. 위의 예제 코드는 다음과 같다. 2020. 5. 12.
[Application Layer]Web Cashes(proxy server) web cashes goal: satisfy client request without involving origin server origin server와 관계없이 페이지를 가져오기 위한 방법이 web cashes이다. client와 origin server 중간에 proxy server를 둔다. 즉, proxy server는 origin server을 대신해서 역할 하는 것이다. proxy server는 웹 컨텐츠를 저장할 수 있는 캐쉬메모리를 많이 장착해둔다. 클라이언트가 얻어 갔던 정보들을 proxy server의 캐쉬 메모리에 저장해두었다가 사용한다. 1. client는 HTTP request를 proxy server에 보낸다. 2. proxy server에 해당 reqeust에 대한 object.. 2020. 5. 10.
[Application Layer] HTTP stateless, Cookie stateful: client가 요청한 base html page 뿐 아니라 추가 object도 전부 서버가 알아서 보내주는 방식이다. state를 계속 가지고 있으면서 클라인트별 상태관리를 다 하는 방식이다. 이 방식을 사용하면 server의 부하가 커진다. 따라서 stateless 방식을 사용한다. stateless: 서버는 request에 대한 response를 보내고 잊어버린다. 페이지를 완성하는 역할은 한가한 클라이언트가 알아서 상태를 관리해서 필요한 object를 요청한다. 쿠키: 비즈니스 서버에서 클라이언트에 대한 정보를 기억하고 싶어한다. 이런 필요성이 있는데 HTTP가 stateless이므로 해결방안으로 나온 것이 쿠키이다. 웹 서버 측에 메모리를 사용하여 클라이언트의 정보를 기억할 수 .. 2020. 5. 10.
[Application Layer]HTTP HTTP는 TCP를 사용한다(TCP의 역할: loss free를 보장). 포트는 80번을 사용한다. HTTP가 한 페이지에 데이터의 전부 다 얻는다는 것은 base html page과 추가 object로 받아야 하는 것들을 모두 받는 것이다. 따라서 한 번 TCP 커넥션을 연결하고 난 후 이후 처리 방식이 다를 수 있다. 대표적인 방식은 3가지가 있다. 1. non-persistent HTTP 2. persistent HTTP 3. non-persistent HTTP with parallel TCP 순서대로 각 방식의 과정과 response time을 설명하도록 한다. 1. non-persistent HTTP non-persistent HTTP 과정 1a. Client HTTP-> Server HTTP:.. 2020. 5. 10.

티스토리툴바