[TIL] 20240409 40일차

정적 웹페이지와 동적 웹페이지

정적 웹페이지(Static Web Page)

- 작성한 상태를 그대로 보여줌

 

동적 웹페이지(Dynamic Web Page)

- 요청에 따라 보여주는 모습이 달라짐
- 요청을 받아서 적절한 응답을 만들어주는 주체가 필요

 

 

프론트엔드와 백엔드

백엔드 개발

- 서버
- DB와의 상호작용, 비즈니스 로직 처리, 보안, 사용자 인증 등
- 사용자가 요청한 데이터를 처리하고 그에 따른 결과를 생성
- 주로 서버 사이드 언어 및 프레임워크를 사용하여 개발되며, DB와의 통신을 담당

 

★ 주요 목표: 안정성, 보안성, 성능을 유지하면서 프론트엔드와의 원활한 데이터 교환을 지원

 

프론트엔드 개발

- 디자이너가 만든 웹 페이지를 기반으로 더 동적이고 상호작용적인 웹 애플리케이션을 개발

- 웹 애플리케이션의 비즈니스 로직과 상호작용적인 요소를 다루며, UI 컴포넌트의 상태 관리와 라우팅 등

- 백엔드와의 통신을 위한 API 요청 및 응답 처리, 데이터의 가공 및 표시, 사용자 입력에 대한 반응 등을 담당. 요약하면 데이터 처리와 상태 관리를 담당

- 주로 JavaScript 프레임워크나 라이브러리를 사용

★ 주요 목표: 보다 복잡하고 동적인 웹 애플리케이션을 만들기 위해 퍼블리셔와 협업하며, 웹 애플리케이션의 전체적인 아키텍처와 성능을 고려

 

 

요청 및 응답

요청(Request)

- 클라이언트(웹 브라우저, 모바일 앱 등)가 서버에게 특정한 작업을 요청
- 클라이언트의 정보, 요청의 형식, 인증 정보 등을 포함
- 데이터를 포함하며, JSON이나 HTML 폼 데이터와 같은 형식으로 전달

응답(Response)

- 서버가 클라이언트의 요청을 받고 처리(백엔드)한 후에 클라이언트에게 결과를 전송
- 클라이언트가 요청한 작업에 따라 여러 정보를 포함하여 다양한 형태로 전송

- HTML, JSON, XML 등의 형식