[WEB] www.google.com 접속 시 발생하는 흐름
·
자바 스크립트
"브라우저가 어떻게 동작하는지 아세요? 이 질문에 정확하게 대답할 수 없었다. 이에 브라우저의 동작 과정에 대해서 자세히 파헤쳐 보도록 하겠다. 1~5 단계는 데이터를 받아오는 과정, 6~9 단계는 웹 브라우저에 렌더링 되는 과정이다. 데이터를 받아오는 과정 1. www.google.com 입력 → 입력한 url 주소 중 도메인 이름에 해당하는 google.com을 DNS 서버에서 검색 더보기 도메인 인터넷에 연결된 컴퓨터를 사람이 쉽게 기억하고 입력할 수 있도록 문자로 만든 인터넷 주소 웹 브라우저는 DNS 서버에 검색하기 전에 캐싱된 DNS 기록을 먼저 확인 만약 해당 도메인 이름에 맞는 IP 주소가 존재하면, DNS 서버에 해당 도메인 이름에 해당하는 IP 주소를 요청하지 않고 캐싱된 IP 주소를 ..
[테트리스] - Vanilla JS
·
자바 스크립트
더보기 Node.js를 공부하기 전에 JS에 대한 지식을 쌓기 위하여 미니 프로젝트를 진행하려고 한다. 본 프로젝트는 유튜버 "데브리"님의 실전 강의를 참고 하였다. JS에 대한 지식이 얕았기 때문에 해당 프로젝트는 꽤 많이 도움이 되었다. 다양한 내장 함수를 사용하였고 Live Server를 사용하여 즉각적인 코드의 변화를 확인해가며 코드를 작성하니 오류 검출 또한 수월했다. 테트리스의 규칙은 간단하다. 블록이 쌓이면서 한 줄이 꽉 채워지면 그 줄은 사라지고 한 줄로 된 블록을 없애면서 블록이 맨위로 쌓이지 않도록 버티는 방식이다. 프로젝트를 진행하기 앞서 필요한 내용들을 작성하여 보겠다. 블록들을 표현할 직사각형 모양의 툴이 필요하다. 블록들은 랜덤으로 표현되어야 한다. 아무런 행동을 하지 않아도 블..