기억의 DataBase

웹서버란? 웹 서버는 소프트웨어(Software)를 보통 말하지만, 웹 서버 소프트웨어가 동작하는 컴퓨터를 의미하기도 함 웹 서버의 가장 중요한 기능은 클라이언트(웹브라우져)가 요청하는 HTML 문서나 리소스(Resource)를 전달하는 것 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적(static)인 데이터이거나 동적인 결과 정적인 파일 - 컴퓨터에 저장된 코드 파일 동적인 파일 - 웹서버에 의해서 실행된 프로그램을 통해서 만들어진 결과물 ※ 웹크롤러 - 검색 사이트에서 다른 사이트의 정보를 읽어갈때 사용하는 소프트웨어 웹 서버 소프트웨어의 종류 가장 많이 사용하는 웹 서버는 Apache, Nginx, Microsoft IIS Apache웹 서버는 Apache Software Fou..

아마존 둘러보기 아마존 첫접속시 응답받는 response page 정보 순차실행이기 때문에 는 가 닫히기 직전 or 아래에 적어줘야 함 html을 먼저 보여주고 script를 처리 > 이렇게 하지 않으면 script 처리전까지 html이 보이지 않음(script 처리전까지 화면이 백지) ※ CSS 파일이나 은 안에 위치 시켜야 렌더링이 빠름 출처 : edwith 부스트코스 - https://www.edwith.org/boostcourse-web

브라우져의 구성 브라우저의 내부를 이해하면 웹 개발을 하면서 맞닥뜨리는 난해한 문제를 해결할 수 있고, 보다 최적화된 웹개발을 할 수 있다. 브라우져 엔진 : 브라우져 소프트웨어를 동작시키는 핵심 렌더링 엔진 : 화면에 직접 위치를 잡고 색칠을 픽셀 단위로 해줌 ex) Internet Explorer uses Trident, Firefox uses Gecko, Safari uses WebKit. Chrome and Cromium ★Webkit Main Flow★ 파싱(Parsing) : 코드를 문자 단위로 한줄한줄 해석해서, 데이터 객체로 구조화 시키는 것 > 토큰 단위로 잘라서 해석 후에 조합하여 처리 DOM Tree(돔트리) CSS Parsing(Key : Value 구조) HTML 구조 출처:htt..

웹프론트엔드 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공 또한, 사용자의 요청(요구사항)에 반응해서 동작 웹프론트엔드의 역할 웹콘텐츠를 잘 보여주기 위해 구조를 만들어야 함(가독성) - HTML 적절한 배치와 일관된 디자인 등을 제공해야 함(심미성) - CSS 사용자 요청을 잘 반영해야 함(소통/반응) - Javascript >> 프로그래밍 / 동적인 제어 ※ 크롬의 개발자 도구(F12)를 활용해서 학습 웹백엔드 프론트엔드가 클라이언트 사이드라고하면, 백엔드는 서버 사이드라고 할 수 있음 언어 한가지 정도는 능숙해야 함 > JAVA 웹의 동작 원리 숙지 알고리즘(algorithm), 자료구조 등 프로그래밍 기반 지식 운영체제(특히 리눅스), 네트워크 등에 대한 이해 프레임워크에 ..

인터넷의 전부가 World Wide Web은 아님 인터넷은 네트워크들의 네트워크 한 컴퓨터에는 다양한 서버가 작동할 수 있음 각각의 서버들은 각각의 포트를 가지고 동작함 HTTP 어떤 종류의 데이터도 전송할 수 있는 프로토콜 작동방식 유상태(Stateful) - 서버와 클라이언트가 동시에 접속을 유지하고 있는 상태(게임서버, 채팅) - 동시접속의 수가 정해져 있기 때문에 서버의 수가 요구됨 무상태(Stateless) - 클라이언트가 계속 연결을 맺고 있지 않아도, 요청에 따라서 연결을 처리 - 하나의 서버가 많은 요청을 처리 가능 무상태의 장점 : 불특정 다수를 대상으로 하는 서비스에 적합 > 서버의 최대연결 이상을 서비스 할 수 있음 무상태의 단점 : 무상태이기 때문에 클라이언트의 이전 상황을 알 수 ..