반응형
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을 통해 다양한 프로그래밍이 가능해지며, 오픈 소스의 활용 능력이 중요해지게 되었음.
출처
반응형
'Web' 카테고리의 다른 글
PostMan Mock Server 로 프론트엔드 개발속도 올리기 (0) | 2024.01.28 |
---|---|
자바스크립트 패키지 매니저 / npm 과 yarn 비교 (1) | 2024.01.28 |
npm install --force와 npm install --legacy-peer-deps의 차이 이해하기 (0) | 2024.01.10 |