rexondex's blog

브라우저의 동작 방식 요약 (MDN Docs)

웹페이지를 표시한다는 것: 브라우저는 어떻게 동작하는가 - 웹 성능 | MDN 웹페이지를 표시한다는 것: 브라우저는 어떻게 동작하는가 - 웹 성능 | MDN사용자는 로드가 빠르고 상호작용이 원활한 컨텐츠로 이루어진 웹 경험을 원합니다. 따라서 개발자는 이 두 가지 목표를 달성하기 위해서 부단히 노력해야합니다.developer.mozilla.org 브라우저는 어떻게 동작하는가 사용자는 로드가 빠르고 상호작용이 원활한 컨텐츠로 이루어진 웹 경험을 원합니다.따라서 개발자는 이 두가지 목표를 달성하기 위해서 부단히 노력해야합니다. 실제 성능 및 체감되는 성능을 향상시키는 방법을 이해하기 위해서 브라우저가 어떻게 동작하는지 이해하는 것이 도움이 됩니다.  웹 성능에 있어서 두 가지 주요한 문제는 지연시간과브라우저..

웹의 동작 방식 요약 (MDN Docs)

웹의 동작 방식 - Web 개발 학습하기 | MDN 웹의 동작 방식 - Web 개발 학습하기 | MDN*'웹의 동작 방식'*은 여러분의 컴퓨터나 폰의 웹 브라우저 안에서 웹페이지를 볼 때 무슨 일이 발생하는지에 대한 간소화된 개념을 제공할 것입니다.developer.mozilla.org 웹의 동작 방식▶ 웹의 동작 방식은 우리가 상점으로 걸어가는 것과 유사하다고 합니다. 1. 브라우저는 DNS 서버로 가서 웹사이트가 있는 서버의 진짜 주소를 찾습니다. (상점의 주소) 2. 그  다음 브라우저는 서버에게 웹사이트의 사본을 클라이언트에게 보내달리는 HTTP 요청 메세지를 서버로 전송합니다. (상점으로 가서 상품을 주문합니다.) 이 메세지, 그리고 클라이언트와 서버 사이에 전송된 모든 데이터는 TCP/IP 연..

https://rakaso598.github.io/memory-match-game/[ 여기서 게임을 플레이해 보세요!/PC 모바일 모두 지원 ] Memory Match Game축하합니다! 모든 카드를 맞췄습니다. 게임 시간: 초 다시 시작rakaso598.github.io   게임 룰: 게임 시작 버튼을 누르면 2초간 전체 카드를 보여줍니다.같은 알파벳이 적힌 카드를 순서대로 클릭하면 뒤집어놓을 수 있습니다.모든 카드를 뒤집으면 게임 승리입니다. 클리어하는데 걸린 시간을 확인할 수 있습니다. 리셋 버튼을 누르면 초기 설정으로 돌아갑니다. 다시 게임 시작 버튼을 눌러 새로 게임을 시작합니다.   깃허브 리포지토리를 GitHub Pages 기능을 이용하여,깃허브 도메인을 가진 정적 웹페이지로 빠르게 배포할 ..

https://rakaso598.github.io/whack-a-mole/[여기서 플레이해보세요!] 두더지 게임 rakaso598.github.io   PC와 모바일 모두 지원하는 두더지게임을 깃허브 페이지를 통해 배포해보았습니다. 게임 방법은 갈색 점이 생긴 원을 클릭하면 점수가 오릅니다. 모바일에서 스크롤이 되지 않게 전체 화면 크기를 제한하고body { overflow: hidden; } 을 적용해 화면을 벗어나는 요소는 화면에서 가려 스크롤이 되지 않게 했습니다. https://github.com/rakaso598/whack-a-mole GitHub - rakaso598/whack-a-mole: whack-a-mole game on GitHub pageswhack-a-mole game on Git..