02. 웹 개발이란?

참고 강의 및 주제

아래의 강의를 참고하여 작성한 내용으로 해당 본문에서는 다음을 주제로 작성되었습니다. 

1. 웹이란
2. 웹 동작방식
3. 프론트앤드와 백앤드
4. HTML, CSS, JavaScript 역할

The Web Developer Bootcamp: Learn HTML, CSS, Node, and More!

 

1. 웹이란

웹, (World Wide Web, WWW)이란 인터넷에 연결된 전세계 사용자들이 서로의 정보를 공유할 수 있는 장소를 의미한다.

 

2.  웹 동작 방식

웹 동작 방식을 풀어서 보면 아래와 같으며, 한 문장으로 '요청을 보내고 응답을 받는 것'이 웹의 동작 방식이다. 

• 구글에서 검색을 실행(ex. 웹은 무엇인가)하면 브라우저가 HTTP 요청을 보냄.
• Google 서버로 해당 요청이 보내지고, Google 서버 중 하나 요청을 받음.
  서버에서 들어오는 요청과 요청하는 URL을 기반으로 무엇을 요청하는지 알아냄.
  (Google이) 웹 페이지를 구축하여 결과를 HTML, CSS, JS로 응답함.
• 브라우저는 이를 가져와 웹 페이지로 변경함.

이를 다른 분이 정리한 그림을 통해 표현하면 아래와 같이 보여진다. 

출처: https://all-young.tistory.com/21

 

3. 프론트 앤드와 백 앤드

동작하는 스택에 따라 프론트와 백앤드로 나뉘며, 모든 웹 페이지의 구성 도구는 단 세가지(HTML, CSS, JavaSCript)이다.

• 프론트 앤드 : 브라우저에서 실행되는 도구에 초점을 둠
• 백 앤드 : 브라우저가 아닌 서버에서 실행되는 것에 초첨을 둠

 

4. HTML/CSS/JS의 역할

• CSS : Adjectives(형용사) HTML 요소와 페이지의 내용 설명을 보조함
• HTML : Noun(명사) 페이지의 내용을 설명함
• JavaScript : Verbs(동사) 페이지에서의 실질적인 논리, 동작, 동사를 구축함