[웹개발종합반] 1-1 웹 페이지 (가짜) 해킹을 통해 인터넷 원리 이해하기 (feat. html, 서버)

 

학습 목표

• '해킹' 을 통해 내가 네이버 검색을 하고 -> 브라우저가 서버에 뭔가를 주고 -> 서버는 그 다음 뭘 하고 -> 그 다음 브라우저는 무엇을 하는지 이해할 수 있다.
• 쉽게 말하면, 클라이언트, 브라우저, 서버를 쉽게 쉽게 이해해보기

 

---

'가짜 해킹'을 통해 인터넷 핵심 요소 이해하기

1️⃣ (사용자) 내가 네이버에서 '삼성전자' 라고 검색하고 enter 누른다.

2️⃣ (브라우저) 그러면,  브라우저는 '서버' 에게 'query값이 반영된 ==삼형제==' 를 요청한다.

• 다만, 아직, 구체적으로 무엇이라고 명명해야 하는지는 모르겠음.
• 나에게 일어나고 있는 일을 이렇게 기록하는 것 임

3️⃣ (서버) 서버는 브라우저의 요청에 삼형제를 주는 response' 을 한다.

4️⃣ (브라우저) ==브라우저==는 서버로 부터 받은 '삼형제' 를 '==보여준다==.'

5️⃣ (사용자) 나는 이미 받은 '삼형제' 중 원하는 글자를 바꾼다. (가짜 해킹)

• 내가 변경하는 것은 '이미 받아온 것' 임

👏 시사점

1. 브라우저의 역할은 '서버에게 요청하기', '받아와서 보여주기'

 

---

브라우저가 요청한 '삼형제' 란?

html, css, javascript 임. 

이들 각각은 뭔가? 

 

 

1. HTML 이란?

• 뼈대
  • 사전 옆에 박스 있어, 박스 옆에 박스 있어
    
    
    

2. CSS 란?

• 꾸미는거
  • ex) 사전은 굵은 글씨야
  • ex) 박스는 초록색이야

3. Javascript 란?

• 움직이는거

ex) 이거 누르면 -> 움직여,

ex) 이거 누르면 -> 다른 페이지로 가