🥑 웹 개발에 대한 짧은 정리

데코레이션에 조금 지켜, 잠시 책을 읽었고, 웹개발이 무엇인지 잠시 정리하고 가려고 한다.
TMI : 웹개발을 개발 플랫폼계의 킹콩이라고 한다고 한다,,😂 그만큼 많다는 ,,,!

웹 작동 방식

웹 브라우저는 HTML과 CSS 구문을 분석하고 웹 페이지라고 부르는 시각적 형식으로 렌더링한다.

웹 브라우저가 웹 페이지를 렌더링하려면 반드시 웹 서버에 요청을 보내야 한다.
이 과정은 HTTP(hypertext transfer protocol)라고 부르는 프로토콜을 통해 이루어진다.

웹 브라우저 ➡️➡️➡️➡️➡️ 리소스나 url 요청 ➡️➡️➡️➡️ 웹 서버
웹 브라우저 ⬅️⬅️⬅️⬅️⬅️ 응답 보냄 ⬅️⬅️⬅️⬅️ 웹 서버
웹 브라우저 ➡️➡️➡️ 응답 분석 및 렌더링 ➡️➡️➡️ 사용자가 보는 페이지로 내보냄

기본적으로 웹 브라우저가 요청을 보내고 웹 서버가 html, css, 자바스크립트를 반환하는 방식으로 응답한다고 보면 된다.

페이지를 새로 고침하지 않아도 동적으로 움직이는 웹 애플리케이션을 SPA(single page application)라고 부른다

주요 웹 개발 기술

HTML

• 웹 개발의 주춧돌
• 웹 페이지의 내용과 구조를 만드는데 쓰인다.

CSS

• 웹 페이지의 스타일을 설정할 수 있다.
• 웹 페이지의 특정 요소가 나타났다가 사라지거나, 글꼴의 크기 등등
  🌝 여기서 잠깐! css 전처리기는 뭔가요?
> css 코드의 반복을 줄여서 더 쉽게 작성 할 수 있게 도와주는 도구

자바스크립트

• 오늘날 웹 개발의 핵심적인 역할을 담당
• 웹 브라우저에서 바로 실행되는 완전한 함수형 동적 언어
• 웹 페이지의 DOM을 직접 조작하여 콘텐츠를 추가, 삭제, 변경 등이 가능하다
  (Node.js는 자바스크립트를 서버에서 실행하여 요청을 분석하고 응답을 반환하는 기술)

API

Application Programming Interfaces

• 어떤 프로그램이 다른 프로그램에 동작이나 데이터를 요청하기 위해 전송하는 명령어 명세
• SPA는 대게 API를 통해 데이터를 주고 받음

끝! 아주 짧은 정리였다🐣