TIL15_웹이 작동하는 원리

minji jeon·2022년 5월 27일
0

TIL_

목록 보기
17/61

크롤링을 하다 보니 requests는 뭐고, beautiful soup은 또 뭔지 하나하나 뜯어보다 도저히 이해가 안가 근본부터 공부해보자 해서 여기까지 오게 되었다.

인터넷의 작동원리

컴퓨터에서 컴퓨터로 우리가 원하는 서비스를 이용하기 위해서는 연결이 되어있어야 한다.
예를들어, a컴퓨터에서 b컴퓨터로 정보를 보낼려면
두 컴퓨터가 연결되어있어야 하고, b컴퓨터에서 c컴퓨터로 요청한 내용을 보낼려면 그 둘이 연결되어있어야 한다.
이때 이 컴퓨터들을 한곳에 연결해주는게 라우터의 역할이다.



하지만 먼지역까지 라우터가 연결되어 있을 수는 없으니 멀리까지 연결되도록 도와주는 것이 모뎀이다.
모뎀은 우리의 네트워크를 전화시설과 연결되어 있다.

네트워크를 인터넷 서비스 제공 업체 (Internet Service Provider, ISP)에 연결합니다. ISP는 모두 함께 연결되는 몇몇 특수한 라우터를 관리하고 다른 ISP의 라우터에도 액세스 할 수 있는 회사입니다. 따라서 우리 네트워크의 메시지는 ISP 네트워크의 네트워크를 통해 대상 네트워크로 전달됩니다. 인터넷은 이러한 전체 네트워크 인프라로 구성됩니다.

웹의 작동원리

웹에 연결된 컴퓨터는 클라이언트와 서버.
클라이언트: 사용자의 인터넷이 연결된 장치들(와이파이)과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어(크롬과 같은 웹브라우저)
서버: 웹페이지, 사이트, 앱을 저장하는 컴퓨터 클라이언트에서 웹페이지 접근시 서버로브터 요청하는 웹페이지의 사본이 다운로드됨
웹= 도로
상점= 서버
집= 클라이언트
집과상점의 거리=인터넷연결
집에서 상점까지 갈수 있는 차 = tcp/ip (어떻게 웹을 건너 여행해야하는지 정의하는 통신규약과 전송규약--> 상점에가고, 상품을 살 수있게 해주는 운송장치와도 같다. )
상점에 가기위해 상점주소를 찾는것 = dns (도메인 이름 시스템 서버 즉 웹사이트를 위한 주소록과 같다. 브라우저는 웹사이트를 검색하기 전에 dns를 살펴서 http를 올바른장소로 전송하기 위해 그 웹사이트가 있는 서버가 어떤것인지 찾는다. )
상품을 주문하기 위해 사용하는 언어= http ( 하이퍼텍스트 전송규약. 클라이언트와 서버가 통신할 수 있게 하기위해 언어를 정의하는 어플리케이션 규약)
상점에서파는 다양한 종류의 상품들= 컴포넌트파일 (많은 다른 파일들로 만들어집니다. 이 파일들은 두개의 주요한 타입이 있습니다:코드파일과 자원)

웹 브라우저는 동기(Synchronous)적으로 (HTML + CSS), Javascript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어입니다.
출처: https://bbangson.tistory.com/87 [뺑슨 개발 블로그]

how do i start to design my website?
1. what? musician
2. what exactily do i want to accomplish?sell goodies. let people hear your music
3, once you have a list, you need to prriotize
4. how could a website bring me to my goals?
5. what needs to be done, and in what order, to reach my goeals?

html과 css는 렌더링 엔진이 처리 돔트리를 만들엇서
자바스ㅡ립트는 자바스크립트 엔진이 처리.
html파서는 [뺑슨 개발 블로그
이처럼 브라우저는 동기적으로 html, css,js를 처리한다. 따라서 자바스크립트를 바디태그 하단에 위치시키는것

웹호스팅
여러개의 컴퓨터 하나나를 호스트라고함
idc: 건물. 컴퓨터가 많은

웹호스팅은 웹애플리케이션을 운영하기위한 모든것(웹서버)서버는 하드웨어.운영체제까지 포함
서버호스팅

모듈 : 코드의 재활용성을 높ㅇ이고, 유지보수를 쉽게 할 수 있는 기법
자바스크립트자체에 모듈이라는 기능은없다.
자바스ㅡ립트가 구동되는 환경을 호스트환경이라고 하는데
라이브러리: 모듈과 비슷한 개념. 모듈이 프로그램을 구성하는 작은 부품으로서 로직을 의미.
라이브러리는 자주사용되는 로직을 재사용하지 위해 편리하도록 잘 정리한 일련의 코드 ㅣㅂ합.
유명라이브러리: jquery
jqeury api documentation : 제이쿼리 사용설명서

profile
은행을 뛰쳐나와 Deep Dive in javascript

0개의 댓글