케네스로그

HTTP version HTTP 0.9 - 1991 HTTP 초기버전 GET /mypage.html 요청은 단일 라인으로 구성되며, GET 메소드만 존재 A very simple HTML page 응답도 단순히 파일 내용만으로 구성 HTTP 헤더가 없고 HTML파일 전송만 가능 HTTP 1.0 - 1996 GET /mypage.html HTTP/1.0 User-Agent: NCSA_Mosaic/2.0 (Windows 3.1) HTTP 헤더가 추가되어 메타데이터를 포함할 수 있으며, 프로토콜을 유연하고 확장 가능하게 됨 버전 정보와 요청 method가 함께 전송 200 OK Date: Tue, 15 Nov 1994 08:12:31 GMT Server: CERN/3.0 libwww/2.17 Content-T..

HTTP Cache 캐시 자주 사용되는 데이터를 임시로 복사해두는 임의의 장소 HTTP에서의 캐시? 웹 사이트의 로딩 시간을 개선하기 위해 사용! JS, CSS와 같은 파일은 자주 변하지 않기때문에 캐싱을 통해 불필요한 네트워크 비용 발생 방지 HTTP 캐시의 종류 Private Cache 브라우저에 저장되는 캐시 외부에서 접근이 불가하며, Authorization 헤더가 포함되면 private cache에 저장되지 않는다. Shared Cache 브라우저와 서버 사이에서 동작하는 캐시 Proxy Cache (포워드) 프록시에서 동작하는 캐시 Managed Cache CDN서비스, 리버스 프록시에서 동작하는 캐시 서비스 관리자가 직접 캐시에 대한 설정을 관리하거나 리버스 프록시 설정으로 관리할 수 있다...

REST REST: Representational State Transfer 자원을 이름으로 구분하여 해당 자원의 정보(state)를 주고 받는 행위를 의미한다 HTTP URI를 통해 자원을 명시하고, HTTP Method를 통해 해당 자원에 대한 CRUD 동작을 적용하는 것 REST의 구성 자원(Resource) - URI 모든 자원에 고유한 ID가 존재하며, 이 자원은 Server 상에 존재한다. URI를 통해 자원을 구별한다. 행위(Verb) - Method HTTP 프로토콜의 Method를 통해 자원에 대한 조작을 수행한다. ie. GET, POST, PUT and so on 표현(Representation) REST에서 자원은 JSON, XML, TEXT, RSS등의 다양한 형태로 표현될 수 있..

HTTP 동작과정과 HTTP method, 상태코드 HTTP는 HTML 문서와 같은 자원을 가져오기 위해 사용되는 통신규약이다. 웹 브라우저(클라이언트)와 서버 사이의 HTTP 통신을 통해 사용자는 웹 문서에 접근/이용할 수 있다. 서버 간에 데이터를 주고 받을 때도 대부분 HTTP를 사용한다. 클라이언트와 서버는 개별적인 메세지(데이터 스트림)를 주고받으며 통신한다. 웹 브라우저(클라이언트)가 보내는 메세지를 요청(request)라고 하며, 이에 반응하여 서버가 전송하는 메세지를 응답(response)라고 한다. HTTP는 확장가능한 프로토콜이다. 이 확장가능성(extensibility)을 통해서 응용 계층 프로토콜(TCP 또는 TLS-encryped TCP연결)과 같은 다른 전송 프로토콜 또한 이용이..

TCP와 UDP 네트워크의 전송계층에서 사용하는 프로토콜 데이터 전달을 위하여 사용하는 프로토콜 전송 계층(Transport Layer) OSI 7 계층 중 Layer 4 계층에 해당 송신자와 수신자를 연결하는 통신 서비스 제공 연결 지향 데이터 스트림 지원, 신뢰성, 흐름 제어를 제공 TCP 전송 제어 프로토콜 (Transmission Control Protocol)의 약자 특징 연결 지향 프로토콜 가상회선 패킷 교환 방식을 사용 데이터의 전송 순서를 보장 (데이터의 순서 유지를 위해 각 바이트마다 번호를 부여) 신뢰성있는 데이터 전송(ACK 이용) => 데이터를 확실히 주고받을 때 사용 서버와 클라이언트는 1:1 연결된다 => 논리적 경로를 지정한 후 고정 경로로 통신 Streaming 서비스에 불리..

HTTP란? (HyperText Transfer Protocol) 클라이언트와 서버 간의 데이터를 주고 받기 위한 규칙(프로토콜) 여기서 데이터는 텍스트, 이미지, 동영상 등 모든 종류를 말한다. 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜. 웹 서핑을 할 때 서버에서 자신의 브라우저로 데이터를 전송해 주는 용도로 가장 많이 사용된다. 인터넷 초기에 모든 웹 사이트에서 기본적으로 사용되었던 프로토콜이기도 하다. 주로 TCP를 사용하고 80번 포트를 사용한다. 프로토콜(protocol) 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계이다. 다시 말해, 컴퓨터간 통신을 위한 규칙 이다. 한국인과 프랑스인은 서로 사용하는 언어가 달라 대화가 통하지..

HTML 문서의 구조화와 시멘틱 마크업에 대하여 처음 웹 개발을 공부하면서 웹 문서를 구조화하고 시멘틱 마크업을 적절히 반영하는 것의 중요성을 피부로 와닿지 못했습니다. 학부시절에 시멘틱 마크업이 중요하다고 이야기는 들었지만, 정작 왜 중요한지, 어떻게 그것을 달성할 수 있는지는 배우지 못해 아쉬움이 많았습니다. 이번에 이쪽을 공부하게 되면서 깨달은 점이, 최근의 대부분 웹 문서들이 이미 구조화와 시멘틱 마크업 작업이 잘 되어있기때문에 그 필요성을 느끼지 못하는듯 했습니다. 좀 더 와닿는 이해를 위해 구조화와 시멘틱 마크업이 잘 못된 예를 만들어 보았습니다. 잘못된 웹 문서 구조화! 잘못된 웹 문서 구조화의 예시를 위해 웹사이트 예시를 만들었습니다. 포켓몬 '꼬지모'에 대한 설명과 사진, 다른 메뉴로 이..

컨텐츠 카테고리(Content Category) 모든 HTML요소는 한가지 이상의 컨텐츠 카테고리에 속한다. 공통의 특성을 지닌 요소를 그룹화하여 칸테고리를 나눈다. 이러한 카테고라이징은 해당 요소들끼리 특정 관계를 만드는 것은 아니지만, 각 요소들의 공통된 동작이나 유사점을 특징하는데 도움이 된다. 카테고리는 크게 3가지로 나눌 수 있다. 메인 콘텐츠 폼 관련 콘텐츠 특정 콘텐츠를 위한 카테고리(기타) 메인 컨텐츠(Main Content Categories) 메타데이터 컨텐츠 (meatadata content) 다른 문서와의 링크를 설정하거나, 문서에 포함되지 않는 정보를 다룬다. 또한, HTML 문서 자체를 표현하는 방법이나 동작에 대해 수정할 수 있다. 아래의 요소들이 metadata content..

HTML 태그 HTML 요소 중 하나인 은 문서 내에서 정보(데이터)를 전달하는 상호작용이 일어나는 부분을 명시하기 위해 사용됩니다. 사용자는 웹 브라우져(클라이언트)에서 각종 데이터를 입력합니다. 회원 아이디, 비밀번호 또는 상품에 대한 피드백을 제출하기 위한 텍스트 일 수도 있습니다. 이러한 사용자의 입력 부분이 태그로 구분지어 집니다. 의 기본 속성 Enter your name: Enter your email: 의 'action' 속성 action은 데이터를 어디로 전송하는지에 대한 속성입니다. URL(Uniform Resource Locator) 형식의 주소가 오게 됩니다. 의 'method' 속성 method는 데이터를 전송하는 방법에 대한 속성입니다. 대표적으로 GET과 POST 두가지 방식이..

colspan : 셀을 가로방향으로 병합 rowspan : 셀을 세로방향으로 병합 Monthly Savings MonthSavings January$100 February$80 March Sum 의 colspan/rowspan 속성을 이용해서 테이블 셀 가로/세로 병합을 할 수 있습니다. 처음엔 이 개념이 낯설어서 구현하는게 어려울 수 있습니다. span은 '폭, 길이'이라는 뜻을 가진 명사죠. 그렇다면, colspan은 '열의 폭' 또는 '열의 길이'라고 해석할 수 있습니다. 의 길이는 기본적으로 '가로(row행):1 / 세로(col열):1' 입니다. 여기서, 행의 길이가 2가 된다면, '가로(행):2 / 세로(열):1'로 표현될겁니다. 코드로 표현하자면 가 되겠죠. 한 개의 가 2개의 row만큼의 길..