캐시 기본 동작 💡 캐시 미적용 데이터가 변경되지 않아도 계속 네트워크를 통해 데이터를 다운로드 받아야 한다. 인터넷 네트워크는 매우 느리고 비싸다. 브라우저 로딩 속도가 느리다. 느린 사용자 경험 캐시 적용 위 요청에 대한 응답으로 cache-control: max-age=60은 캐시 저장소에 60초간만 유효하도록 저장하겠다는 의미 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 된다. (60초 동안은 캐시 저장소에서 가져오면 됨) 비싼 네트워크 사용량을 줄일 수 있다. 브라우저 로딩 속도가 매우 빠르다. 빠른 사용자 경험 캐시 적용 - 캐시 시간 초과 cache-control: max-age=60 으로 캐시 저장소에 데이터를 60초간만 유효하도록 저장해놓았다. 그런데 만약 60초가 경과되고..
HTTP 헤더 HTTP 전송에 필요한 모든 부가 정보 ex) 메시지 바디 내용, 크기 , 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보 ..... HTTP 헤더 (RFC2616 , 과거) 헤더 분류 General 헤더 : 메시지 전체에 적용되는 정보 (ex. Connection: close) Request 헤더 : 요청 정보 (ex. User-Agent: Mozilla/5.0 (Macintosh; ..)) Response 헤더 : 응답 정보, (ex. Server: Apache) Entity 헤더 : 엔티티 바디 정보, (ex. Content-Type:text/html, Content-Length:3423...) HTTP 표준 ( 2014년 RFC7230 ~ 7235 등장) 변화 살펴보기 ..
상태 코드 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능이다. 1xx (Informational) : 요청이 수신되어 처리중 2xx (Successful) : 요청 정상 처리 3xx (Redirection) : 요청을 완료하려면 추가 행동이 필요 4xx (Client Error) : 클라이언트 오류, 잘못된 문법등으로 서버가 요청을 수행할 수 없음 5xx (Server Error) : 서버 오류, 서버가 정상 요청을 처리하지 못함 만약 모르는 상태 코드가 나타난다면 ? 클라이언트가 인식할 수 없는 상태코드를 서버가 반환하면 ? 클라이언트는 상위 상태코드로 해석해서 처리 ex) 299 ??? → 2xx (Successful) , 451 ??? → 4xx (Client Error) ... 1x..
클라이언트에서 서버로 데이터 전송 데이터 전달 방식은 크게 2가지가 존재한다. 첫 째로, 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) - 날짜순, 이름순 ...... 둘 째로, 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원 가입, 상품 주문, 리소스 등록, 리소스 변경 4가지 상황에 대해서 살펴보도록 하자. 1. 정적 데이터 조회 : 이미지, 정적 텍스트 문서 2. 동적 데이터 조회 : 주로 검색, 게시판 목록에서 정렬 필터 (검색어) 3. HTML Form을 통한 데이터 전송 : 회원 가입, 상품 주문, 데이터 변경 4. HTML API를 통한 데이터 전송 회원 가입, 상품 주문, 데이터 변경 서버 to 서버, 앱 클라이언트, 웹 클라이언트 (Ajax) 정적 ..
