스파르타 코딩클럽 - 프론트엔드의 꽃, 리액트
1.서버와 클라이언트, 서비스란?
클라이언트는 우리가 웹사이트를 보는 도구(휴대폰, PC, 아이패드...)가 모두 클라이언트다. 서버는 우리가 보는 웹사이트에 뿌려줄 것(html이나 데이터)을 만들어서 클라이언트에 전달해주는 친구라고 생각하면된다.
1-1. 웹의 동작 개념(HTML을 받는 경우)
우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 받아서 그려주는 것이다. 즉, 브라우저가 하는일은 첫째, 요청을 보내고 둘째, 받는 HTML 파일을 그려주는 일 뿐이다.
-어디에 요청을 보내냐고?
서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보내는 것이다.
ex: https://naver.com/ → 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것!
1-2. 웹의 동작 개념(데이터만 받는 경우)
HTML을 받는 경우를 살펴봤는데, 사실 데이터만 내려 줄때가 더 많이 존재한다. 예를들어 공연티켓을 예매하고 있는 상황을 상상해보자! 좌석이 차고 꺼질 때마다 보던 페이지가 리프레시 되면 난감하지 않은가? 이럴때! 데이터만 받아서 받아 끼우게 된다.
-데이터만 받아올 경우(아래와 같이 JSON형식처럼 생겼다!)
2.서버리스(serverless)란?
서버리스는 백엔드리스가 아니라는 것만 알고 있으면 된다(백엔드가 없어도됨).
DOM이란?
DOM은 HTML 단위 하나하나를 객체로 생각하는 모델이다. 예를들면, 'div태그'라는 객체는 텍스트 노드, 자식 노드 등등, 하위의 어떤 값을 가지고 있는데, 이런 구조를 트리 구조라고 한다. 즉, DOM이 트리구조란 소리이다.
링크텍스트
.png)