본문 바로가기

Web Development11

캐시와 조건부 요청 1. 캐시 기본 동작 1) 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다. 인터넷 네트워크는 매우 느리고 비싸다 브라우저 로딩 속도가 느리다 느린 사용자 경험 2) 캐시 적용 캐시 덕분에 캐시 가능 시간 동안 네트워크를 사용하지 않아도 된다. cache-control: max-age=60 (캐시가 유효한 시간) 비싼 네트워크 사용량을 줄일 수 있다. 브라우저 로딩 속도가 매우 빠르다. 빠른 사용자 경험 3) 캐시 시간 초과 캐시 유효 시간이 초과하면, 서버를 통해 데이터를 다시 조회하고, 캐시를 갱신한다. 이때 다시 네트워크 다운로드가 발생한다. 2. 검증 헤더와 조건부 요청 캐시 유효 시간이 초과해서 서버에 다시 요청하면 다음 두 가지 상황이 나타난다. .. 2023. 11. 3.

HTTP 헤더 - 일반 헤더 1. HTTP 헤더 개요 Content-Type : text/html;charset=UTF-8 Content-Length: 3423 header-field = field-name ":" OWS field-value OWS (OWS : 띄어쓰기 허용) filed-name은 대소문자 구분 없음 용도 HTTP 전송에 필요한 모든 부가정보 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보 등 표준 헤더가 너무 많음 필요시 임의의 헤더 추가 가능 helloworld : hihi 분류 - RFC2616(과거 - 1999년 폐기됨. 2014년 RFC7230 ~ 7235등장) 헤더 분류 General 헤더 : 메시지 전체에 적용되는 정보 | Connection: c.. 2023. 10. 15.

markdown 작성법 markdown 작성법 제목 : #의 개수로 h1 ~ h6까지 표현 가능하다. (ex:# h1) h1과 h2는 밑에 '='와 '-'를 2개 이상 사용하면 '#'을 대체할 수 있다. 문단 간격, 줄 바꿈은 순서 표기하는 목록은 1.2.... 순서 없는 목록은 '-,*,+'을 사용 굵게 (__나 **를 글자 양옆에) 기울여쓰기 (_나 *를 글자 양 옆에) 취소선 (~~를 글자 양 옆에) 인용문은 >를 쓰면 되고, 들여쓰는 인용문은 >개수를 늘리면 된다. 코드 블럭은 백틱(`)을 세 개 사용하여 위아래로 감싸서 작성할 수 있고, 백틱 3개 뒤에 언어 이름을 넣어라 수평선은 *이나 -,_등을 3개 이상 입력하면 작성할 수 있다. 테이블은 |로 구분하며, -(하이픈)으로 구분된 곳 각각 왼쪽, 양쪽, 오른쪽에 :.. 2023. 7. 17.

HTTP 상태 코드 상태코드 : 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (informational) : 요청이 수신되어 처리중 2xx (successful) : 요청 정상 처리 3xx (redirection) : 요청을 완료하면 추가 행동이 필요 4xx (client error) : 클라이언트 오류, 잘못된 문법등으로 서버가 요청을 수행할 수 없음 5xx (server error) : 서버 오류, 서버가 정상 요청을 처리하지 못함 2xx - 성공 200 : ok 201 : created / 요청 성공해서 새로운 리소스가 생성됨 202 : accepted / 요청이 접수되었으나 처리가 완료되지 않음 204 : no content / 서버가 요청을 성공적으로 수행했지만, 응답 페이로드 본문에 보낼 .. 2023. 7. 16.

HTTP 메서드 활용 1. 클라이언트에서 서버로 데이터 전송 1) 데이터 전달 방식 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원가입, 상품 주문, 리소스 등록, 리소스 변경 2) 4가지 상황 정적 데이터 조회 - 쿼리 파라미터 미사용 / GET 이미지, 정적 텍스트 문서 동적 데이터 조회 - 쿼리 파라미터 사용 / GET 주로 검색, 게시판 목록에서 정렬 필터(검색어) HTML Form을 통한 데이터 전송 회원 가입, 상품 주문, 데이터 변경 POST Content-Type: application/x-www-form-urlencoded 사용 form의 내용을 메시지 바디를 통해서 전송(key=value, 쿼리 파라미터 형식) 전송 데이터.. 2023. 6. 21.

이전 1 2 3 다음

티스토리툴바