📌 캐시 기본 동작 ⚡ 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 함 인터넷 네트워크는 매우 느리고 비싸다 브라우저 로딩 속도가 느림 느린 사용자 경험 🔶 첫 번째 요청 HTTP/1.1 200 OK Content-Type: image/jpeg Content-Length: 34012 lkj123kljoiasudlkjaweioluywlnfdo912u34ljko98udjkla slkjdfl;qkawj9;o4ruawsldkal;skdjfa;ow9ejkl3123123 🔶 두 번째 요청 HTTP/1.1 200 OK Content-Type: image/jpeg Content-Length: 34012 lkj123kljoiasudlkjaweioluywlnfdo912u34lj..

📌 HTTP 헤더 ⚡ 개요 header-field = field-name ":" OWS field-value OWS (OWS : 띄어쓰기 허용) field-name은 대소문자 구분 없음 ⚡ 용도 HTTP 전송에 필요한 모든 부가 정보 ex) 메시지 바디의 내용, 메시지 바디의 크기, 압축, 인증, 요청 클라이언트, 서버 정보, 캐시 관리 정보... 표준 헤더가 너무 많음 참고 링크 필요시 임의의 헤더 추가 가능 helloworld: hihi ⚡ 분류 - RFC2616(과거) General 헤더 : 메시지 전체에 적용되는 정보 ex) Connection: close Request 헤더 : 요청 정보 ex) User-Agent: Mozilla/5.0 (Macintosh; ..) Entity 헤더 : 엔티티 ..

📌 HTTP 상태 코드 ✔ 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (Informational) : 요청이 수신되어 처리중 2xx (Successful) : 요청 정상 처리 3xx (Redirection) : 요청을 완료하려면 추가 행동이 필요 4xx (Client Error) : 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (Server Error) : 서버 오류, 서버가 정상 요청을 처리하지 못함 💡 클라이언트가 인식할 수 없는 상태코드를 서버가 반환하면(모르는 상태 코드가 나타나면) 클라이언트는 상위 상태코드로 해석해서 처리 미래에 새로운 상태 코드가 추가되어도 클라이언트를 변경하지 않아도 됨 ex) 299 -> 2xx (Successful)..

📌 클라이언트에서 서버로 데이터 전송 ⚡ 데이터 전달 방식 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원가입, 상품 주문, 리소스 등록, 리소스 변경 ⚡ 4가지 상황 ✔ 정적 데이터 조회 이미지, 정적 텍스트 문서 ✔ 동적 데이터 조회 주로 검색, 게시판 목록에서 정렬 필터(검색어) ✔ HTML Form을 통한 데이터 전송 회원가입, 상품 주문, 데이터 변경 ✔ HTTP API를 통핸 데이터 전송 회원 가입, 상품 주문, 데이터 변경 서버 to 서버, 앱 클라이언트, 웹 클라이언트(Ajax) ⚡ 정적 데이터 조회 ✔ 쿼리 파라미터 미사용(단순 조회) 이미지, 정적 테스트 문서 조회는 GET 사용 정적 데이터는 일반적으..