본문 바로가기
Web

[프로그래밍 지식] 웹의 역사 / HTML, JS, CSS 의 역사

by @__100.s 2024. 1. 8.
반응형

1. 초창기 웹

  • 팀 버너스리(Tim Berners-Lee)에 의해 제안된 HTML(하이퍼텍스트 마크업 언어)가 도입되었고, 이로써 웹 문서의 표준 규격이 정립되었으며 HTML을 사용하여 텍스트 기반의 문서를 작성하고 웹 브라우저를 통해 이를 열람하는 형태가 초기 웹의 주요 특징이다.

2. HTML과 가독성

  • HTML 문서는 웹 브라우저를 통해 열람되었으며, 초기에는 가독성이 떨어지고 디자인이 없어 초라한 형태를 띠었음.

3. CSS의 등장

  • 1996년에 CSS가 등장하여 HTML은 웹 페이지의 구조를, CSS는 디자인을 담당하게 되어 디자인이 개선되었음.

4. 자바스크립트의 부상

  • 자바스크립트 등장 이후, 동적인 요소들이 부각되면서 웹은 단순한 문서가 아니라 웹 프로그램으로 발전하게 됨.

5. jQuery의 등장

  • 2006년에 자바스크립트 라이브러리인 jQuery가 등장하여 개발 속도를 높이고 간결한 코드로 다양한 기능을 구현할 수 있게 되었음.

6. 반응형 웹과 미디어쿼리

  • 모바일에서의 웹 접속이 가능해지면서 반응형 웹과 미디어쿼리 등장하여 화면 너비에 따라 웹 페이지를 다르게 표시하는 기술이 도입됨.

7. NodeJS의 활용 확대

  • NodeJS의 등장으로 자바스크립트가 웹 개발에서 활용되는 범위가 확대되었음.

8. SPA와 프레임워크

  • 최근에는 SPA(Single Page Application)가 등장하며, 리액트나 뷰와 같은 프레임워크가 사용되어 하나의 페이지에서 다양한 기능을 구현하는 기술이 도입되었음. SPA의 등장으로 클라이언트 사이드 렌더링이 강조되었으나, 최근에는 SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)을 조합하여 최적의 성능을 추구

9. NPM과 오픈 소스 활용

  • Node의 패키지 매니저 시스템인 NPM을 통해 다양한 프로그래밍이 가능해지며, 오픈 소스의 활용 능력이 중요해지게 되었음.

출처

반응형