본문 바로가기
HTTP, RESTful API HTTP 하이퍼텍스트 전송 프로토콜(HTTP)은 HTML과 같은 하이퍼미디어 문서를 전송하기위한 애플리케이션 레이어 프로토콜 클라이언트와 서버가 서로에게 HTTP message를 주고 받으며 통신한다 HTTP는 Stateless : 각각의 요청/응답은 독립적인 요청/응답(만일 여러 요청과응답 의 진행과정이나 데이터가 필요할때는 쿠키나 세션 등등을 사용) HTTP Message 메시지 타입은 두 가지가 존재 HTTP request : 클라이언트가 서버로 전달해서 서버의 액션이 일어나게끔 하는 메시지 HTTP response : 요청에 대한 서버의 답변 HTTP request HTTP response HTTP Request 구조 1. start line : HTTP request의 첫 라인 2. header.. 2020. 10. 24.
Django 기본 개념 Django 장고란? - MVC패턴을 따르는 파이썬으로 작성된 오픈 소스 웹 애플리케이션 프레임워크 - 데이터베이스 기반 웹사이트를 빠르게 만들수 있도록하는 것이 장고의 주된 목표 - MTV : MVC패턴을 장고에서는 MTV (Model, Template, View)패턴이라는 용어로 대신 사용 Workflow 기본 flow : web browser -> url -> view -> model -> database -> model -> view -> template -> web browser Django 구성요소 manage.py: Django 프로젝트와 다양한 방법으로 상호작용 하는 커맨드라인의 유틸리티 mysite/ 디렉토리 내부에는 프로젝트를 위한 실제 Python 패키지들이 저장. (절대로 이름을 변.. 2020. 10. 24.
Developer Tools Developer Tools이란? 웹 개발하는데 있어서 페이지 확인 및 즉각적인 수정을 할 수 있도록 해주는 개발 도구. 크롬, 파이어폭스, 등 여러 브라우저에 내장되어 있다. https://developers.google.com/web/tools/chrome-devtools 1. Elements panel 정의 Elements panel : 렌더링된 페이지의 html과 html element의 CSS를 확인할 수 있는 panel Elements panel의 style tab을 이용하여 element에 적용된 스타일을 검사할 수 있을 뿐만 아니라 수정도 가능 ctrl + shift + c : 특정엘리멘트 선택 Element tab > style부분의 순서가 의미하는 것 적용된 css 스타일들의 우선순위 .. 2020. 10. 24.
Semantic Web과 Semantic Tag 1. Semantic Web 기존의 웹 기존의 웹에서는 데이터를 검색할때 키워드 검색을 통한 접근이 이루어진다. 이러한 방식은 불필요한 정보 발생을 야기하며 컴퓨터가 필요한 정보를 추출, 해석할 방법이 없어 사용자가 직접 개입해야되는 문제가 있다. Semantic Web 컴퓨터가 정보, 리소스, 정보-리소스 관계등을 이해할 수 있도록 이들을 표현함으써 컴퓨터가 정보자원처리, 데이터통합 및 재사용을 스스로 수행할 수 있도록한다. 2. Semantic Tag developer 뿐만아니라 browser도 해당 HTML element의 의미를 이해할 수 있는 tag. 태그는 HTML 문서 내에서 한 개의 Block을 만드는 태그로 와 같이 레이아웃을 짜거나 구조를 만들때 주로 사용된다. 하지만 이런 태그는 br.. 2020. 10. 24.
CSS 레이아웃 차례 CSS Layout position property display property float property Flex Grid 1. CSS Layout. - HTML elements들을 페이지 임의 위치에 자유롭게 배치하는 것을 CSS Layout이라고 한다. - CSS Layout을 구현하기위해 다음과 같은 방법들이 존재한다. position property display property float property Flexbox, Grid, etc 2. Position property - position property는 HTML element의 포지셔닝되는 방법을 설정합니다 static - 디폴트값, element들은 왼쪽에서 오른쪽, 위에서 아래로 차례대로 생성됩니다 relative .posi.. 2020. 10. 24.
HTML, CSS 1. HTML 2. CSS 1. HTML 정의 - HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어. - HTML을 이용하여 웹페이지의 구조를 잡을 수 있다. HTML element content 으로 시작하여 으로 끝나고 태그 사이에 내용이 있는 구조 끝 태그가 필요없는 경우는 태그가 그 자체로 요소이다. HTML tag 종류 : HTML5 버전을 사용한다는 의미 : 모든 HTML elements(요소)들을 감싸는 최상위 태그. 2. 태그 : html 파일의 사이에 css문법을 사용하여 스타일을 작성 3. css 파일 작성 : html 파일과 css파일을 분리하여 html 파일에서 해당 css파일을 링크하는 태그 추가 link — link태그로 .. 2020. 10. 24.

티스토리툴바