100%를 한번에 바꾸는건 어려워도 1%를 100번 바꾸는건 쉽다.

생각정리 자세히보기

개발/WEB 5

[WEB] HTTP는 무엇인가?

1. HTTP의 동작방식 1) 서버/클라이언트 모델을 따르고 있으며, 포트번호는 80번을 사용한다. 2) 장점 불특정 다수를 대상으로 하는 서비스에는 적합. 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 최대 연결 수보다 훨씬 많은 요청과 응답을 처리. 3) 단점 연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다. 이러한 특징을 무상태(Stateless)라고 말하며 정보를 유지하기 위해서 Cookie와 같은 기술이 등장. 1. request Head 요청 메서드 : GET, PUT, POST, PUSH, OPTIONS 등의 요청 방식이 온다. 요청 URI : 요청하는 자원의 위치를 명시한다. HTTP 프로토콜 버전 : 웹 브라우저가 사용하는 프로토콜 버전이다. GET : 정보를 요..

개발/WEB 2020.05.26

[WEB] HTML tags

1. HTML Layout 2. ID, Class ID 고유한 속성으로 한 HTML 문서에 하나만 사용 가능합니다. 고유한 ID 값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이합니다. Class 하나의 HTML문서 안에 중복해서 사용 가능합니다. 하나의 태그에 여러 개의 다른 class 이름을 공백을 기준으로 나열할 수가 있습니다. 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해서는 class의 사용이 필수적입니다. 3. CSS CSS의 구성 span { color : red; } span : selector(선택자) color : property red : value style을 HTML페이지에 적용하는 3가지 방법 1. inline HTML태그 안에다가 적용합니다. 다른 CSS..

개발/WEB 2020.05.14

[WEB] 브라우저의 동작 방식

1. 브라우저의 기본구성 1. 사용자 인터페이스 : 브라우저 컴포런트라고도 부르며 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분을 말한다. 2. 브라우저 엔진 : 핵심 엔진이며, 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다. 쿠키를 저장할때 이 계층에서 저장을 한다. 3. 렌더링 엔진 : 요청한 콘텐츠를 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시한다. 4. 통신 : HTTP 요청과 같은 네트워크 호출에 사용됨. 서버와 통신하기 위한 인터페이스이다. 5. UI 백엔드 : input 같은 기본적인 장치를 만든다. (textarea같은) 6. 자바스크립트 해석기 : 자바스크립트 코드를 해석하고 실행. 7. ..

개발/WEB 2020.05.09

[WEB] WAS란?

1. WAS의 등장배경 클라이언트와 데이터베이스 사이에서 직접 통신을 할경우의 단점 1. 비즈니스 로직이 바뀔때마다 클라이언트 배포를 다시 해야함 2. 비즈니스 로직이 많아질수록 클라이언트가 무거워짐 이렇게 하여 등장하게 된것이 미들웨어인데 비즈니스 로직을 중앙화하여, 클라이언트 관리를 더 편하게 함 2. WAS 웹이 널리 퍼지게 되면서 사용자들의 요구사항이 늘어나 동적인 기능을 요구하게됨 일종의 미들웨어로 웹 클라이언트의 요청 중 웹 애플리케이션이 동작하도록 지원하는 목적 기본적인 기능 1. 프로그램 실행환경과 DB 접속 기능을 제공한다. 2. 여러개의 트랜잭션(논리적인 작업단위)을 관리한다. 3. 업무를 처리하는 비즈니스 로직을 수행한다. 4. 기본적인 웹서버 기능을 수행한다. 웹서버와의 차이점 WA..

개발/WEB 2020.05.06

[WEB] 웹 서버란?

1. 웹서버 웹 서비스를 하는 소프트웨어 or 소프트웨어가 동작하는 컴퓨터 가장 중요한 기능은 클라이언트가 요청하는 HTML 문서나 각종 Resource를 전달하는 것 2. 통신방식 서버와 클라이언트가 통신할때는 HTTP를 사용한다. HTTP는 프로토콜(통신규약)이다. 웹 브라우저가 웹 서버에서 서비스를 요청할때 웹 서버에서는 서비스를 제공한다. EX) 1. 웹 브라우저 크롬으로 네이버에 접속을 할때 www.naver.com이라는 웹 서버에서는 기본 HTML문서를 제공 2. 크롬에서는 화면에 출력하기 위한 데이터를 해석하면서 필요한 CSS, javascript등 리소스를 동시에 요청 3. 네이버에서는 리소스를 제공 4. 브라우저는 리소스를 받아서 동시에 출력(렌더링)한다.

개발/WEB 2020.05.06