본문 바로가기

Knowledge/- Web3

역할 별 서버 명칭 및 구조 구분 서버의 종류 구분 프론트 서버, 백엔드 서버, API 서버, 프록시 서버, WAS, WS, DB 서버 이해가 잘 안되어서 어떤 방식으로 소통하느냐, 어떤 역할을 하느냐에 따라서 종류를 나눠봤습니다. 혹시 잘못된 부분이 있다면 알려주시면 감사하겠습니다. 클라이언트(브라우저) - 프론트 서버 = 웹 서버(CDN, WS) static file(정적 파일)(html, css, js)을 받아서 화면을 랜더링 하는 경우 Client Side Rendering을 하면서 페이지가 한 개(SPA)인 경우 클라이언트(브라우저) - 프론트 서버 = 웹 서버(WS) - 백엔드 서버(WAS) - DB 서버 Server Side Rendering을 하는 경우 DOM을 백엔드에서 만든 후 응답 (React의 SSR을 하려면 WAS.. 2023. 8. 6.
브라우저에 www.google.com을 입력했을 때 일어나는 과정 틀린 부분이 있으면 댓글로 알려주세요! 1. 주소창에 www.google.com 검색 클라이언트(브라우저)에서 해당 url을 통해 GET 요청을 보내려고 합니다. 2. 캐싱 (Broswer 캐시 > OS 캐시 > router 캐시 > ISP 캐시) 브라우저는 해당 도메인 주소에 대한 4가지의 캐싱된 DNS 기록들을 확인합니다. 확인 후 캐시가 존재해면, DNS 서버로 연결하지 않고 바로 IP 주소를 반환합니다. 반대로 캐시가 존재하지 않으면, DNS 서버로 요청이 넘어갑니다. 3. DNS, 포트번호 DNS(Domain Name System): 사람이 쉽게 기억하기 위해서 IP 주소와 도메인 이름을 연결하는 수직적인 체계 Iterative Query(반복적 질의): Recursive DNS 서버가 도메인을.. 2023. 8. 6.
CORS의 필요성을 느꼈다. CORS 정리하기! https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request Preflight request - MDN Web Docs Glossary: Definitions of Web-related terms | MDN A CORS preflight request is a CORS request that checks to see if the CORS protocol is understood and a server is aware using specific methods and headers. developer.mozilla.org 처음에 봤을 때는 무슨 소리인지 몰랐다... 서버에서 이미지의 url을 fetcg를 통해 받았는데.. 문제는 요청이 두번이 들어.. 2022. 9. 7.

티스토리툴바