💻웹

[유데미 웹개발 부트캠프 31강까지 수강]

https://www.udemy.com/course/the-web-developer-bootcamp-2021-korea/?couponCode=ABCART0923

웹이란?

World Wide Web의 줄인 말로 컴퓨터들이 연결되어 생성하는 네트워크인 인터넷을 통해 문서와 리소스를 공유할 수 있는 시스템이다.

웹은 어떻게 전달되는가

HTTP(Hyper Text Transfer Protocol)의 정해진 형식에 맞게 서버(웹 서비스를 제공하는 컴퓨터)에서 클라이언트(웹 서비스를 받는 컴퓨터)로 송수신된다. 클라이언트가 서버에게, 서버가 클라이언트에게 필요한 정보를 요청(request)하는 과정에서 전달되는 정보들은 HTTP라는 형식으로 전달되는 것이다.

웹의 구성

웹은 프론트엔드(Front-End)와 백엔드(Back-End)로 구성된다. 레스토랑에 비유하자면 프론트엔드는 손님이 접하는 홀, 백엔드는 주방에 해당한다. 프론트엔드는 사용자가 직접 보는 웹페이지의 디자인과 인터페이스를 담당하며, 백엔드는 서버와 데이터베이스 관리 등 보이지 않는 부분을 담당한다.

프론트엔드

클라이언트가 서버에 웹페이지를 요청하면 서버는 코드로 답한다. 이때 웹 브라우져는 보내준 코드를 사용자가 볼 수 있도록 정해진 언어에 맞게 구성하는데, 이때 쓰이는 언어가 HTML(Hyper Text Mark-up Language), CSS(Cascading Style Sheet), JS(Java-Script)이다.

HTML

HTML은 마크업(제목, 소제목 표시 밑 폰트 등 글자의 강조나 표시) 언어로 웹페이지에 무엇이 있는 지 설명한다. 문장요소에 비유하자면 “보라색 공룡이 춤춘다”에서 공룡, 즉 명사를 맡고 있다.

CSS

CSS는 디자인 언어로 웹페이지의 요소를 꾸미는 역할을 한다. 문장요소에 비유하자면 “보라색 공룡이 춤춘다”에서 보라색, 즉 형용사를 맡고 있다.

JS

JS는 프로그래밍 언어로 웹페이지의 요소가 작동하도록 하는 로직을 담당한다. 문장요소에 비유하자면 “보라색 공룡이 춤춘다”에서 춤춘다, 즉 동사를 맡고 있다.

강의는 프론트엔드부터 시작한다. 서술한 순서대로 HTML, CSS, JS를 배운 후 백엔드를 학습한다.

강의에 사용되는 환경은 VS Code로 여러가지 편의 기능을 갖추고 있다.(코드의 자동완성, 형식 단축키, 자동 포맷 등)