코르시카's Blog

1. 웹서버란? 1-1) 정의 웹 서버 (Web Server) 는 웹 문서를 클라이언트에게 보여주기 위한 서버를 뜻함, 보통 정적 서버를 의미 보통 웹 서버 소프트웨어가 동작하는 컴퓨터 혹은 그 응용프로그램을 지칭 웹 서버의 가장 중요한 기능은 클라이언트(Client)가 요청하는 HTML 문서나 각종 리소스(Resource)의 "응답" 전달 통신 방식은 HTTP(Hyper Text Transfer Protocol) 통신을 통함 웹 브라우저나 웹 크롤러가 요청하는 리소스는 컴퓨터에 저장된 정적(static)인 데이터이거나 동적인 결과 2. 웹서버가 제공하는 데이터(응답) 종류 - 내글 참조(클라이언트 vs 서버사이드 랜더링) : https://korshika.tistory.com/58 Client side..

1. Ajax란? JavaScript의 라이브러리, Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 1-1) 정의 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 1-2) 특징 > 비동기 통신 ※ Ajax의 비동기(async)방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식 이 방식의 장점은 페이지 리로드의 경우 전체 리소스를 다시 불러와야하는데 이미지, 스크립트 , 기타 코드등을 모두 재요청할 경우 불필요한 리소스 낭비가 발생하게 되지만 비동기식 방식을 이용할 경우 필요한 부분만 불러와 사용할 수 있으므로 장점이 큼 1-3) 사용 이유..

1. 정리 https://github.com/didghwns0514/Cocoatalk/tree/main/mdPages/2-2.Additional%20HTML(DreamCoding) GitHub - didghwns0514/Cocoatalk: cocoatalk coding lectures cocoatalk coding lectures. Contribute to didghwns0514/Cocoatalk development by creating an account on GitHub. github.com https://github.com/didghwns0514/Cocoatalk/tree/main/mdPages/2.LearningHTML GitHub - didghwns0514/Cocoatalk: cocoatalk..

1. 자료 https://github.com/didghwns0514/Cocoatalk/tree/main/mdPages/3.LearningCSS GitHub - didghwns0514/Cocoatalk: cocoatalk coding lectures cocoatalk coding lectures. Contribute to didghwns0514/Cocoatalk development by creating an account on GitHub. github.com https://github.com/didghwns0514/Cocoatalk/tree/main/mdPages/4.AdvancedCss GitHub - didghwns0514/Cocoatalk: cocoatalk coding lectures cocoa..

1. 인증 헤더 1-1) 정의 Authorization: 헤더를 이용하여 클라이언트 인증 정보를 서버에 전달하는 기능 WWW-Authenticae: 헤더를 이용하여 리소스 접근시 필요한 인증 방법을 정의 1-2) 방식 클라이언트 인증 정보를 서버에 전달 > Authorization: - ex) Authorization: Basic xxxxxxxxxxxxx - Basic 이외 수많은 방식들이 있음 OAUTH1, 2 등등... - 헤더에 정보가 들어가는 것이 핵심(어떤 방식으로든 이 헤더는 인증과정에서 포함됨) + 헤더의 value는 바뀔수 있음 인증 방식을 클라이언트에 서버가 전달 > WWW-Authenticate: - 리소스 접근시 필요한 인증 방법 정의 - 401 Unauthorized 응답과 함께 사..

1. 일반 정보 헤더 1-1) 정의 단순히 일반적인 정보에 대한 것만 포함하는 헤더 1-2) 종류 From 유저 에이전트의 이메일 정보 - 일반적으로 잘 사용되지 않음 - 검색 엔진 같은곳에서 주로 사용 (크롤링하는 봇들에게 응답이메일 정보 뿌릴 때 - 접근하지 마라고) - 요청에서 사용 Refer 이전 웹 페이지의 주소 - 현재 요청된 페이지의 이전 웹페이지 주소 - A → B로 이동하는 경우, B를 요청할 때 Refer: A를 포함해서 요청 - 참고 : referer는 단어 referrer의 오타 - Refer를 사용해서 유입 경로 분석 가능, 데이터 분석에 사용 - 요청에서 사용 - 예시 : 구글에서 "Hello" 검색 이후, 위키로 "Hello"를 들어갈 시 User-Agent 유저 에이전트 에플..

1. 전송 방식 1-1) 종류 > 복잡하게 데이터를 다시 주는 형식이기 때문에, 보통 응답에서 전송방식을 선택하는 의미가 있음 단순 전송 압축 전송 분할 전송 범위 전송 2. 단순 전송 2-1) 정의 단순히 전송만 하는 것, 한번에 쭉 받는 형식 2-2) 특징 Content-Length에 대한 길이 값을 알고 있어야 응답에 넣어줄 수 있음 3. 압축 전송 3-1) 정의 압축방식을 선택하고 압축을 하여 전송하는 방식 3-2) 특징 Content-Length와 더불어, Content-Encoding까지 넣어주어야 압축을 해제할 때 클라이언트가 해제할 수 있음 4. 분할 전송 4-1) 정의 바이트 단위로 분할하여 전송하는 방식 4-2) 특징 Transfer Encoding 값을 chunked 로 넣어서 응답해..

1. 협상(콘텐츠 네고시에이션)이란? 1-1) 정의 클라이언트가 선호하는 표현 요청을 우선순위로 하여 달라고 함 - 요청시에만 사용(클라이언트가 서버에 전달) - 서버에서 제공 가능하면 제공해줌 Accept : 클라이언트가 선호하는 미디어 타입 전달 Accept-Charset : 클라이언트가 선호하는 문자 인코딩 Accept-Encoding : 클라이언트가 선호하는 압축 인코딩 Accept-Language : 클라이언트가 선호하는 자연 언어 1-2) Accept-Language 적용 전 (a) 과정 /event 경로로 Host에 접속 서버는 기본en, 지원ko인 상황인데, Client가 언어 정보를 보내주지 않으므로 기본 en으로 서버가 정보 전송 1-3) Accept-Language 적용 후 (a) 과..

1. 표현이란? 1-1) 표현관련 정의 표현 : 전송하고자 하는 정보의 원본 그 자체를 의미 표현 데이터 : 표현하고자 하는 데이터 표현 헤더 : 표현 데이터를 해석할 수 있는 정보 메세지 본문 : 표현 데이터가 담겨서 전송되는 영역 1-2) 표현 헤더의 종류 ※ 표현 헤더는 전송, 응답 둘다 사용 Content-Type : 표현 데이터의 형식 Content-Encoding : 표현 데이터의 압축 방식 Content-Language : 표현 데이터의 자연 언어 Content-Length : 표현 데이터의 길이 2. 표현 데이터 상세 2-1) Content-Type (a) 정의 표현 데이터의 형식 설명 (b) 형식 미디어타입, 문자 인코딩 - ex) ① text/html; charset=utf-8 ② ap..

1. HTTP 헤더 1-1) 양식 Form header-field = field-name + ": " + OWS field-value OWS (※ OWS 띄어쓰기 허용) : 앞은 띄워쓰고 뒤는 OWS로 공백 줘도/안줘도 됨 > field name은 대소문자 구분이 없음 1-2) HTTP 헤더 용도 HTTP 전송에 필요한 모든 부가정보 - 메세지 바디 내용, 메세지 바디 크기(길이), 압축, 요청 클라이언트, 서버 정보, 캐시 관리 정보.... 표준 헤더가 매우 다양하게 존재 필요시 임의의 헤더 추가가능 - ex) helloworld: hihi 1-3) HTTP 헤더 종류 HTTP 메세지 안의 Header의 종류 > 헤더 분류 - General 헤더 : 메세지 전체에 적용되는 정보 - ex) Connect..