웹 (Web)
1. 웹의 이해
인터넷 != 웹
인터넷 (Internet)
Internet Network 의 약자로, 전 세계의 모든 컴퓨터를 하나의 통신망 안에서 연결한다는 의미를 가지고 있다.
웹 (Web)
월드 와이드 웹 (World Wide Web) 이 사실 풀네임
인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 말한다.
웹의 시작?
-> 1980년대 스위스의 한 유럽 입자 물리 연구소의 컴퓨터과학자 팀 버너스-리에 의해 탄생한다. 연구원들 간의 신속한 정보 교환을 위해 고안되었다고 한다.
(참고로 페이스북의 탄생 배경도 비슷한데, 마크주커버거는 옆 연구실 친구와 대화하기 위해 만든 것이 페이스북이라고 한다. )
웹의 특징?
- 정보를 공유하기 위한 것
- 하이퍼텍스트를 따라 이동하면서 정보/문서를 공유
(하이퍼텍스트 hypertex: 단순히 글자가 아닌, 그 이상의 기능을 가진 텍스트로 주로 링크, 참조의 역할을 하는 기술)
웹 페이지 vs 웹 사이트
웹 페이지 하나하나 -> 웹 페이지
웹 페이지들을 엮어 만든 -> 웹 페이지
+ 웹 페이지 링크 타고 다른 페이지로 이동하는 것 -> 웹 서핑, 웹 브라우징
웹 브라우저 (Web browser) ?
browse : 어떤 것을 찾거나 읽을 때 사용하는 것
-> Web browser 는 web 을 browse 하기 위해 사용하는 것
-> 즉, Web browser 는 웹을 찾고/읽기 위해 사용하는 것
2. 웹의 구조
클라이언트와 서버
- 서비스를 요청하는 컴퓨터가 클라이언트(Client)
- 서비스를 제공하는 컴퓨터가 서버(Server)
프로토콜
- 클라이언트와 서버 간에 어떻게 소통할지 약속하는 규칙
- 반드시 이 규칙을 지켜서 통신해야 함
웹을 어떻게 사용하고 있지?
웹은 인터넷으로 연결된 사용자들이 정보를 공유할 수 있는 공간
-> 인터넷을 통해 클라이언트와 서버가 통신할 수 있음 + 프로토콜을 지키면서
3. 웹 개발 직무 이해
프론트엔드
- 웹 서비스(웹 사이트)에서 클라이언트 측에서 화면을 구현
- 클라이언트와 상호작용을 담당 (상호작용 -> 글자 입력, 버튼 클릭, 화면 출력 등)
백엔드
- 웹 서비스(웹 사이트)에서 클라이언트의 눈에 보이지 않는 서버 측
- 프론트엔드에서 전달받은 데이터와 요청을 내부 데이터와 연산을 활용하여 처리하고 프론트엔드에 결과 전달
풀스택
- 프론트와 백을 모두 할 줄 아는 개발자
프론트엔드
1. HTML + CSS + JavaScript
HTML 이란?
- 웹 페이지 구성 요소들의 구조
- Hyper Text Markup Language -> 웹 페이지를 연결하는 기능을 가진 텍스트이자 웹 페이지 구조를 명시하는 언어
- 단지 구성 요소들의 구조만 나타낼 수 있기 때문에 HTML 만 가지고 웹 페이지를 만들면 못생김
CSS 란?
- 웹 페이지 구성 요소들을 꾸밈
JavaScript 란?
- 웹 페이지 구성 요소들을 동적으로 만드는
