(1) 인터넷은 어떻게 동작할까?

*Udemy의 "The Complete Web Developer in 2019 : Zero To Mastery" 강의에서 학습한 내용을 정리한 포스팅입니다.

*https://soldonii.github.io에서 2019년 7월 1일(월)에 작성한 글을 티스토리로 옮겨온 포스팅입니다.

*자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :)

---

1. 웹 브라우저가 사이트를 호출하는 과정

www.google.com이라는 사이트에 대한 정보를 web browser에 요청했다고 가정해보자.

• 컴퓨터에서 www.google.com을 입력하면, browser는 ISP(Internet Service Provider) 회사에 이 주소에 대한 정보를 요청한다.
• ISP는 DNS(Domain Name Service)에 www.google.com에 대한 주소를 찾아서 ISP에게 전송한다.(DNS는 phone book과 같은 개념이다.)
• ISP는 다시 사용자에게 DNS로부터 전송받은 주소를 전달해준다.

출처 : https://www.udemy.com/the-complete-web-developer-zero-to-mastery/

 

• ISP에게 전달받은 주소를 불러들인 browser는 이 페이지에 대한 정보를 load하기 위해 google server에 주소에 대한 정보를 요청한다.
• google server는 해당 주소를 loading하기 위한 HTML, CSS, Javascript 파일 정보를 browser에 전달해주고, 사용자는 www.google.com에 접속할 수 있게 된다.

출처 : https://www.udemy.com/the-complete-web-developer-zero-to-mastery/

 

2. 인터넷이 동작하는 과정 - 인터넷 백본(Internet Backbone)

• wifi 또는 ethernet cable 등을 통해 집(또는 카페 등)에 연결된 network를 이용할 수 있고, 해당 신호는 wireless modem으로 전송된다.
• modem은 사용자가 입력한 정보를 signal tower로 전달하고, signal tower는 다시 이를 ISP로 전달한다.
• ISP는 바닷 속에 실제로 연결되어 있는 physical cable을 통해 정보를 google server에게 정보를 전달하고, 다시 수신받아 이용자에게 전달하게 된다.
• 아래 사진처럼 blue cable로 연결된 망을 통해 인터넷이 작동하게 되고, 이러한 구조를 internet backbone이라고 한다.
• submarincablemap

출처 : http://www.m3isp.com

출처 : https://www.submarinecablemap.com

 

3. Traceroute(트레이스 라우트)

terminal에서 traceroute {website 주소} 를 입력하면 해당 website에 접속하기 위해 연결되어 있는 서로 다른 computer들의 IP address를 알 수 있다.

출처 : https://www.udemy.com/the-complete-web-developer-zero-to-mastery/

 

4. 웹사이트의 성능을 올리는 방법

1. location of server : server와의 거리가 가까우면 당연히 빨라지겠지만, 논키이다.
2. how many trips? : server와 정보를 주고받는 횟수를 줄인다.
3. size of files : server와 각종 파일을 주고 받기 때문에, 파일들의 size를 줄인다.

 

5. 개발자의 두 영역

• backend developer : server와 database에 대해서 다룬다.
• frontend developer : HTML, CSS, Javascript + React 등에 대해서 다룬다.

출처 : https://www.udemy.com/the-complete-web-developer-zero-to-mastery/