본문 바로가기

WEB18

[HTTP 완벽 가이드] HTTP가 사용자를 식별하는 데 사용하는 기술 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 HTTP가 사용자를 식별하는 데 사용하는 기술 HTTP는 원래 익명의 상태 없는 프로토콜이지만, 서비스를 제공하는 입장에서는 사용자에 대해 더 많은 것을 알고싶어 하고 사용자들이 브라우징하는 것을 기록하고 싶어한다. 서비스 제공자는 이를 위해 사용자 개인화와 활동 추적을 위한 다양한 기술과 방법을 사용하고 있는데, 이 글에서는 서버가 통신 대상을 식별하는데 사용하는 기술을 알아보고자 한다. HTTP 헤더 헤더 이름 헤더 타입 설명 From 요청 사용자의 이메일 주소 User-Agent 요청 사용자의 브라우저 Referer 요청 사용자가 현재 링크를 타고 온 근원 페이지 Author.. 2023. 10. 16.
presigned URL을 이용 중 CORS 에러가 났다 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 CORS 브라우저는 잠재적인 보안 위협에서 사용자를 보호하기 위해 요청하는 곳과 응답받는 곳의 출처(origin)가 같은 경우에만 데이터 공유를 허용한다. 브라우저는 두 URL의 Protocol, Host, Port(명시했을 경우)가 같다면 그 둘을 동일한 출처로 여긴다. 자세한내용 그러나 웹서비스에서 하는 일이 많아지며 다른 출처와 데이터를 주고받을 일이 많아졌다. 그래서 보안을 위한 몇가지 설정을 하면 다른 출처와의 데이터 교환을 허용하도록 장치를 마련해두었는데, 그것이 CORS(Cross-Origin Resource Sharing)다. 자세한내용 Cross-Origin Req.. 2023. 2. 6.
CSR과 SSR 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 CSR index.html 웹서비스에서 점차 동적인 처리를 할 일이 많아지면서, 사용자가 한 페이지 내에 머무르면서 필요한 데이터를 서버에서 받아와 부분적으로만 업데이트하는 SPA이라는 개념이 등장했다. CSR은 이 SPA가 렌더링 되는 방식이다. 서버에서 빈 HTML파일을 받아와 브라우저의 Javascript 엔진이 그 안에 링크된 스크립트 파일을 이용해 동적으로 HTML element를 생성하고, 그것을 root element에 추가하는 방식으로 렌더링 된다. 렌더링 순서 1. 사용자가 사이트에 접속해 웹 페이지를 요청한다 2. 브라우저가 서버에서 Javascript 파일 링크.. 2023. 1. 25.
Browser의 렌더링_Render Tree의 생성, 배치, 그리기 (2/2) 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Render Tree 앞에서 생성한 DOM Tree는 문서의 내용, CSSOM Tree는 그 문서에 적용할 스타일 규칙을 담고 있다. 이 둘은 아직 서로 독립된 객체이기 때문에 스타일이 적용된 내용을 출력하기 위해 둘을 합쳐 Render Tree를 생성한다. DOM Tree에 새로운 Node가 추가될 때 해당 Node의 attach 메서드가 실행되는데, 이 메서드는 해당 Node의 스타일 정보를 계산해 객체 형태로 반환한다. Render Tree 생성시 각 요소들의 스타일 계산, 다른 요소들에 대한 스타일 속성 참조가 이루어진다. Render 트리는 말 그대로 실제 화면에 표시되는.. 2023. 1. 17.
Browser의 렌더링_Browser, DOM, SSOM (1/2) 공부한 내용을 정리한 글입니다 내용에 오류가 있거나 더 좋은 의견이 있다면 댓글로 남겨주세요. 배움에 큰 도움이 됩니다. 🖋 Browser 우리가 매일 사용하는 크롬, 사파리, 삼성인터넷은, 우리가 요청한 정보(HTML, CSS, JS, TEXT, IMG 등)를 웹서버에서 받아와 우리가 이해할 수 있는 형태로 해석해 보여주는 그래픽 유저 인터페이스(GUI) 기반 소프트웨어다. 구글을 이용할 때, 크롬으로 접속하면 검색창이 넓고, 사파리로 접속하면 작게 뜬다면, 서비스의 사용자, 그리고 개발자 모두에게 좋지 못한 경험을 줄 것이다. 따라서 모든 브라우저 제조업체는 사용자에게 일관된 경험을 줄 수 있도록 웹 표준을 따른다. 그러나 표준을 따르되 모두 동일한 방식으로 자료를 해석하진 않으므로 같은 사이트라도 .. 2023. 1. 16.

티스토리툴바