[웹서버?] - 웹 서버 소프트웨어가 동작하는 컴퓨터 - 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달- 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장되어 있는 정적 데이터(이미지, HTML, CSS, JavaScript 파일 등)이거나 동적인 결과가 될 수 있음 [웹 브라우저와 웹 서버] - HTTP을 사용하여 통신 - 웹 브라우저가 웹 서버에 요청 Request- 웹 서버가 웹 브라우저에 응답 Response - 해석한 HTML 문서, 그리고 읽어들인 여러 개의 응답을(이미지, CSS, JavaScript 파일 등) 하나로 합쳐 그 결과를 브라우저에 나타냄 : 렌더링 [웹 서버 소프트웨어의 종류] - Apache / Nginx 등...
- HTML 문서는 html 태그로 시작해서 html 태그로 끝남 - head 태그 안에는 HTML 문서의 추가 내용을 담고 있음- body 태그 안에는 화면에 표현되는 것들을 담고 있음- HTML은 계층적, tag를 사용하여 표현- 곳곳에 JavaScript와 CSS가 존재함 - JavaScript 코드 (- head 태그 안에 들어감 - JavaScript 코드가 웹 페이지 렌더링을 방해할 수 있으므로 html 문서의 아래쪽에 위치시켜주는 것이 좋다. (body 태그가 닫히기 직전 또는 body 태그 이후)
[Front-End] - 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)을 제공 - 사용자의 요청(요구사항)에 반응하여 동작 - HTML : 웹사이트 구조 만들기- CSS : 적절한 배치와 일관된 디자인 제공- Javascript : 사용자 요청 반영, 동적 ...HTML CSS 너무 귀찮다고 생각하지 말자... [Back-End] - 클라이언트의 요청에 따라 정보를 처리하고 저장하거나 내려주는 역할 - Java, Python, Javascript, PHP 등 다양한 언어- 웹의 동작 원리 이해- 알고리즘, 자료구조- 운영체제, 네트워크- 프레임워크(Spring 등)- DBMS(MySQL, Oracle 등)
[HTTP란?] - HyperText Transfer Protocol - 서버와 클라이언트가 인터넷 상에서 데이터를 주고받기 위한 규약 [HTTP 작동 방식] - 서버/클라이언트 모델을 준수함- 장점- 불특정 다수를 대상으로 하는 서비스에 적합- 계속 연결된 형태가 아니므로 클라이언트와 서버 간의 최대 연결 수보다 훨씬 많은 요청과 응답을 처리할 수 있음- 단점- 연결을 끊어버리므로 클라이언트의 이전 상황을 알 수 없음 : Stateless(무상태)- 정보를 유지하기 위해 Cookie와 같은 기술이 등장함 [URL] - Uniform Resource Location - 특정 웹 서버의 특정 파일에 접근하기 위한 경로 혹은 주소 [HTTP 동작] 1. 연결 - 클라이언트와 서버 연결2. 요청 Request..