웹 개발 발전

< 웹 개발 발전 >

- 1990년대 후반: 동적 웹의 등장
- 초기 웹은 주로 정적 페이지로 구성되었으나, 1995년 자바스크립트(JavaScript)가 등장하면서 브라우저에서 클라이언트 측에서 실행되는 동적 웹 페이지 제작이 가능해졌다

- 이를 통해 사용자와 상호작용할 수 있는 웹 페이지가 탄생.

- 1995년에는 PHP와 MySQL 같은 서버 측 스크립트 언어와 데이터베이스가 등장하여 동적 콘텐츠 생성이 가능해졌고, 이는 웹 애플리케이션의 기본 요소가 되었다

- 2000년대 초: 웹 2.0과 AJAX의 등장
- 2000년대: 웹 2.0이라는 개념이 등장. 사용자 생성 콘텐츠, 소셜 네트워킹, 블로그, 위키와 같은 동적 웹 애플리케이션의 확산

- AJAX(Asynchronous JavaScript and XML)가 대두되면서 웹 페이지가 부분적으로 업데이트되는 기술이 발전.

- ㅇ이로 인해 웹 애플리케이션이 더 빠르고 직관적으로 변화했으며, 구글 맵스(Google Maps)와 같은 서비스가 이를 통해 개발되었다
- 이 시기에 페이스북, 유튜브, 트위터 등 대형 소셜 네트워킹 사이트가 등장하면서 웹의 대중화와 상호작용성이 크게 발전했다

 

- 2010년대: 반응형 웹 디자인과 모바일 우선 전략
- HTML5와 CSS3의 등장으로 웹 표준이 크게 개선되었으며, 비디오나 그래픽을 별도의 플러그인 없이 웹에서 직접 지원 가능.
- 반응형 웹 디자인(Responsive Web Design)은 다양한 해상도의 기기(모바일, 태블릿, 데스크탑 등)에 맞게 웹 페이지가 자동으로 레이아웃을 변경하는 방식으로, 모바일 기기 사용이 증가하면서 필수적인 기술이 되었다
- 프론트엔드 프레임워크인 AngularJS(구글), React(페이스북), Vue.js 등이 개발되면서 사용자 인터페이스 개발이 더욱 효율적으로 변화했다

 

- 현대 웹 개발: 클라우드, API, 풀스택
- 클라우드 컴퓨팅의 도입으로 웹 애플리케이션 배포와 스케일링이 더 용이해졌으며, AWS, Azure, Google Cloud와 같은 클라우드 플랫폼이 주목받기 시작했다
- RESTful API와 GraphQL 같은 기술이 백엔드와 프론트엔드 간의 데이터 통신을 더 유연하게 만들었다
- Node.js와 같은 서버 측 자바스크립트가 등장하여 자바스크립트 하나로 프론트엔드와 백엔드를 모두 개발할 수 있는 풀스택 개발이 가능해졌다

- 미래: AI, 블록체인, Web 3.0
- AI와 머신러닝이 웹 개발에 통합되면서 사용자 맞춤형 경험 제공이 더욱 발전할 것으로 예상된다
- Web 3.0은 블록체인과 같은 분산 기술을 통해 탈중앙화된 웹을 구현하는 것이 목표로, 이는 데이터 소유권과 보안 문제를 새롭게 정의할 가능성을 가진다

 

---

 

 

- 초기 웹 개발: 정적 페이지에서 동적 페이지로의 전환
- 초기 웹은 HTML 기반의 정적 페이지가 주류를 이루었으나, 서버에서 동적으로 웹 페이지를 생성하는 기술이 등장하면서 크게 발전했다.

- PHP: 1995년에 등장한 PHP는 서버 측 스크립트 언어로, 웹 페이지를 동적으로 생성하는 데 사용되다.

- 특히 데이터베이스와의 연동을 통해 사용자 맞춤형 콘텐츠 제공이 가능해졌다.

 

- ASP: 마이크로소프트의 Active Server Pages(ASP)는 PHP와 유사하게 서버 측에서 실행되며 동적인 웹 페이지를 생성할 수 있었다. 이는 윈도우 환경에서의 웹 개발을 지원하는 중요한 기술이었다

 

- Java와 Servlet, JSP
- 자바는 서버 측에서 동적 웹 페이지를 생성하는 강력한 도구로 자리 잡았다
- Servlet: 자바 기반의 서버 측 애플리케이션으로, 클라이언트의 요청을 받아 데이터를 처리하고 결과를 HTML로 반환하는 역할을 한다.

- Servlet은 매우 효율적이지만 HTML과 자바 코드를 혼합해 관리하기가 복잡했기 때문에, 이를 보완하기 위한 기술이 필요했다.
- JSP: Java Server Pages(JSP)는 자바 코드를 HTML 내에서 직접 사용할 수 있게 해, 동적인 웹 페이지를 더 쉽게 개발할 수 있도록 했다.

- JSP는 자바의 강력함과 HTML의 편의성을 결합한 기술이다

 

- MVC 패턴과 JSP Model 2
- 웹 애플리케이션이 점점 복잡해짐에 따라, 구조적인 패턴이 필요해졌다.

- 그중 가장 널리 사용된 것이 MVC 패턴이다

- MVC 패턴: Model-View-Controller의 약자로, 애플리케이션을 세 가지 주요 컴포넌트로 나눠 관리하는 방식이다.
- Model: 데이터와 비즈니스 로직을 관리.
- View: 사용자에게 보여지는 화면(UI).
- Controller: 사용자의 요청을 처리하고, 적절한 Model과 View를 연결.

- 이 패턴을 사용하면 애플리케이션의 유연성과 유지보수성이 크게 향상된다.

- JSP Model 2: JSP 기반의 MVC 패턴 구현 방식으로, JSP와 Servlet을 결합해 웹 애플리케이션을 구조화한 방식이다.

- Model 2에서는 Servlet이 Controller 역할을 하고, JSP가 View를 담당한다.

- 이 방식은 Java 웹 애플리케이션 개발의 표준적인 패턴으로 자리 잡았다.

- Spring 프레임워크: 엔터프라이즈 자바 개발의 혁신
- 자바 기반 웹 애플리케이션의 복잡성이 증가하면서, 이를 효과적으로 관리하고 확장할 수 있는 프레임워크의 필요성이 대두되었다.

- 그 중 가장 성공적인 프레임워크가 Spring이다
- Spring은 경량화된 자바 애플리케이션 개발을 위한 프레임워크로, 객체 지향 프로그래밍의 의존성 주입(DI)과 관점 지향 프로그래밍(AOP)을 지원한다

- Spring Boot: Spring의 설정을 최소화하고, 빠르게 애플리케이션을 시작할 수 있도록 돕는 도구로, 자바 기반의 웹 애플리케이션 개발을 간소화했다.

 

==>  Java는 Servlet과 JSP를 통해 초기 웹 개발에서 중요한 역할을 했고, MVC 패턴과 JSP Model 2는 웹 애플리케이션을 구조적으로 개발하는 데 기여했다. 또한, Spring 프레임워크는 이러한 구조를 더욱 체계적으로 확장해 대규모 엔터프라이즈급 웹 애플리케이션 개발의 핵심 기술로 자리 잡았다.