Web4 CSS: 박스(box) 모델 다음과 같은 HTML, CSS가 있다고 가정하겠습니다. 여러분, 여기에 글자가 들어가게 됩니다. 원하는대로 들어갔을까요? p{ width:100px; height:50px; padding:20px; border:1px solid; } See the Pen Untitled by Chickenbumps (@chickenbumps) on CodePen. 콘텐츠는 박스를 벗어나게 되고 width는 100px가 아닌 142p가 됩니다. 왜 그런걸까요?(아직 비밀) 앞으로 CSS의 작동방식, CSS의 다른 측면에 의해 CSS가 영향을 받는 방식 그리고 이를 제어하는 방식을 이해하면 예측 가능한 CSS를 작성하는데 도움이 될겁니다. 콘텐츠 및 크기 박스는 diplay 값, 설정된 치수 및 박스 안에 있는 콘텐츠에 따.. 2022. 6. 16. REST API 자세히 알아보기 1. REST(RESTful)란? REST(Representational State Transfer)는 월드 와이드 웹과 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍처의 한 형식이다. 엄격한 의미로 REST는 네트워크 아키텍처 원리의 모음이다. 여기서 '네트워크 아키텍처 원리'란 자원을 정의하고 자원에 대한 주소를 지정하는 방법 전반을 일컫는다. 요약하자면, 자원을 표현하여 그 자원의 상태 정보를 전달하는데 쓰이는 것이 REST입니다. 2. REST 아키텍처 6가지 제한조건 인터페이스 일관성 : 일관적인 인터페이스로 분리되어야 한다(가장 중요) 자원은 유일하게 식별 가능해야 하고, HTTP Method로 표현을 담아야 하고, 메시지는 스스로를 설명(self-descriptive) 해야 하고, .. 2022. 1. 24. HTTP Status Code(응답코드) HTTP Request 정보 GET /index.html HTTP/1.1 요청 URL정보 (Mehotd /URI HTTP버젼) user-agent: MSIE 6.0; Window NT 5.0 사용자 웹 브라우져 종류 accept: test/html; */* 요청 데이터 타입 (응답의 Content-type과 유사) cookie:name=value 쿠키(인증 정보) refere: http://abc.com 경유지 URL host: www.abc.com 요청 도메인 HTTP Response 정보 HTTP/1.1 200 OK 프로토콜 버젼 및 응답코드 Server: Apache 웹 서버 정보 Content-type: text/html MIME 타입 Content-length : 1593 HTTP BODY 사이.. 2022. 1. 23. HTTP Cookie(쿠키) & HTTP Session(세션) Cookie와 Session을 사용하는 이유는 무엇일까요? 바로 HTTP의 다음과 같은 특성 때문입니다. HTTP 특성 1. HTTP는 무상태(Stateless) 프로토콜입니다. 2. Client와 Server가 request와 response를 주고받으면 연결이 끊어집니다. 3. Client가 다시 request 하면 Server는 이전 request를 기억하지 못합니다. 4. Client와 Server는 서로 상태를 유지하지 않습니다. 이러한 HTTP 프로토콜의 주요 약점인 비연결 지향, 무상태를 보완하기 위해 Session과 Cookie를 사용합니다. 1. HTTP Cookie HTTP Cookie 특성 Cookie는 Client에 저장되는 Key와 Value 가 들어 있는 작은 Data File입.. 2022. 1. 23. 이전 1 다음
