[2주차 - DAY2] 웹 이론(1)

 

 

웹의 이해

인터넷

• 전 세계의 모든 컴퓨터를 하나의 통신망 안에서 연결한다는 의미
• 웹 != 인터넷, 인터넷 안에 웹이 포함되어 있음

웹

• World Wide Web 줄여서 Web이라고 한다.
• 인터넷에 연결된 컴퓨터를 통해서 사람들이 정보를 공유할 수 있는 공간이다.
• 정보를 하이퍼텍스트 형식으로 표현하고, 하이퍼텍스트(링크)를 따라 이동하며 다양한 정보/문서들을 확인한다.
• 웹 페이지들의 집합이 웹 사이트이다.
• 웹 페이지나 웹상의 데이터를 찾거나 읽을 때 사용하는 것을 웹 브라우저라고 한다.

 

 

웹의 구조

클라이언트와 서버는 인터넷으로 연결되어 있으며 웹 프로토콜인 HTTP를 사용하여 데이터를 주고받는다.

 

 

웹 개발 직무 이해

• 프론트엔드: 사용자 화면에서 사용자와 상호작용
• 백엔드: 서버 측에서 프론트엔드에게 전달받은 데이터와 요청을 처리하고 프론트에게 다시 전달

 

 

HTML·CSS·JS

HTML

웹 페이지 구성 요소들의 구조를 표현하는 데 사용된다.

html만 사용한 로그인 페이지

 

CSS

웹 페이지 구성 요소들을 꾸며준다.

html + css

 

Javascript

웹 페이지 구성 요소들에게 생명력을 부여한다. 로그인 페이지를 예로 들면 로그인 버튼을 클릭 시 서버에게 사용자가 입력한 데이터를 전달하고, 로그인 요청을 보내는 경우이다.