💻 인터넷?

컴퓨터들이 서로 통신 가능한 거대한 네트워크

👩‍💻 IT기술 발전의 배경

"전쟁으로 인한 IT 기술의 발전"

▪️ 2차 세계 대전 이후 냉전체제의 양축이었던 미국과 소련이 벌인 우주 경쟁(인공위성 발사) 👉 핵 미사일 개발 경쟁

▪️ 당시의 중앙 집중적 네트워크 연결 방식은 한 전화국이 파괴되면 그 전화국이 연결해주는 모든 통신이 두절되는 단점이 있었다. 👉 소련의 핵 공격에도 생존할 수 있는 "강력한 컴퓨터 통신 시스템 설계의 필요성"

▪️ 통신 기술과 컴퓨터기술의 결합(전화기와 컴퓨터)
컴퓨터에서 사용하는 디지털 데이터를 전화선이 활용할 수 있는 아날로그 신호로 바꿈으로써 전화선을 통해 컴퓨터 통신을 가능하게 하는 장치를 구현한다.

💻 WEB

인터넷 네트워크를 이용하여 통신되는 정보의 집합

1990년 웹의 탄생

인터넷이 등장하고 인터넷이라는 네트워크 기능 안에 30년 뒤인 1990년에 웹이 등장한다.

웹의 아버지, Tim Berners-Lee

1990년 세계 최초의 웹 브라우저인 WWW(World Wide Web)이라는 프로그램 개발

🔖 웹의 역사

1세대 웹 - 정적인 웹

▪️ 서버가 HTML 페이지 전체를 클라이언트에게 전송
▪️ HTML, CSS
▪️ 단순한 정보 제공 위주, 기능 많지 않음.
▪️ user interaction ❌ , 로직 ❌

2세대 웹 - 동적인 웹

▪️ 자바스크립트의 출현 👉 다이나믹한 요소들이 요구되었다.
▪️ user interaction ⭕️ 👉 서버와 클라이언트가 HTML 페이지와 JavaScript 로직을 통해 필요한 데이터 주고 받으며!
▪️ 프론트엔드, 백엔드 구분 없이 동일한 서버에서 HTML, CSS, JS, Data 전부가 클라이언트로 전송되는 형태

3세대 웹 - SPA(Single Page Application)

▪️ SPA의 등장으로 인한 자연스러운 프론트와 백엔드 개발의 분리 (서버의 분리 & 업무의 분리)

SPA ?

단일의 HTML 페이지로 전체 웹서비스 구현 (메인 JS도 포함)
▪️ JavaScript가 HTML 요소 생성부터 모든 페이지 및 기능을 동적으로 처리
▪️ 웹 페이지 렌더링에 필요 한 JS 코드는 최초의 통신에서 한번에 송수신
▪️ 그 이후로는 서버와 실시간 데이터 주고 받으며 필요한 화면 동적으로 구성