HTTP

최근 수행한 프로젝트의 클라이언트를 netlify를 통해 배포하는 과정에서 아래와 같은 에러가 발생했습니다.. 새로고침해보니.. 저희 팀이 구현한 캐싱 코드에서 에러가 발생했습니다. 아무리 봐도 코드 상으로는 문제가 없는데.. 그래서 개발자 도구의 로컬 스토리지를 확인하자..! undefined..? 로컬 스토리지를 비우고 다시 사이트에 접속해보았습니다. 역시 똑같은 에러! 이번엔 새로고침하지 않고 읽어보자, https 사이트에서 http를 통해 리소스를 요청하여 일어난 문제임을 알았습니다!! 암호화된 https에서 암호화되지 않은 http에 요청을 보냈기에 Mixed Content 에러가 발생한 것이었습니다. 이는 안전하지 않은 리소스가 누군가로 인한 변경이나 도청 등에 취약하기 때문에 위험하기 때문입..

안녕하세요 동쪽별입니다. 이번에는 정~말 중요한 HTTP를 들고 왔어요 😆 지난 포스트 웹 브라우저가 메시지를 만든다 글에서 HTTP에 대해 자세히 다루지 않았기에, 이번 글에서 알아보려해요. 목차 HTTP? HTTP/1.0 HTTP/1.1 HTTP/2 HTTP/3 HTTPS HTTP? HTTP(HyperText Transfer Protocol)은 웹 상에서 서버-클라이언트 모델을 따라 데이터를 주고받기 위한 프로토콜입니다. 주로 HTML 문서를 주고받는데 쓰입니다. TCP와 UDP를 사용하며, 80번 포트를 사용합니다. HTTP는 중요한 두가지 특징이 있습니다. 비연결(Connectionless) 클라이언트가 요청을 서버에 보내고, 서버가 적절한 응답을 클라이언트에 보내면 바로 연결이 끊깁니다. 무상..

"성공과 실패를 결정하는 1%의 네트워크 원리 - Tsutomu Tone" 책을 참조하여 작성한 글입니다. 미루고 미루었던 네트워크 공부를 시작했습니다. CS 지식이 부족하여 제대로 공부해보려 해요.. 목차 HTTP Request 메시지를 작성한다 웹 서버의 IP 주소를 DNS 서버에 조회한다 전 세계의 DNS 서버가 연대한다 HTTP Request 메시지를 작성한다 브라우저는 먼저 입력 받은 URL을 해독합니다. https://east-star.tistory.com/category/Tech/자바스크립트 위의 URL이 입력되면 아래와 같이 분해하는 작업을 수행합니다. http: + // + east-star.tistory.com + / + category + / + Tech + / + 자바스크립트 분해된..