Search

웹앱의 구성요소

Tag
Web
App
Category
프론트엔드
Description
웹앱은 HTML, CSS, Javascript로 구성되며, 클라이언트 사이드와 서버 사이드 렌더링 방식을 통해 UI를 제공한다. 내가 웹앱의 기본 요소와 실행 관점에 대해 이해하고 있다고 생각한다.
AI 키워드
ID
5
Title
포스팅
2023/05/06
1 more property

애플리케이션의 정의

애플리케이션의 정의는 다른거 없이 입력을 받고 출력하는 행위를 하는 것을 말하는 것 같다 웹앱의 구성요소

1. 웹의 기본 구성요소

웹앱을 구성하는 여러가지의 요소라고 할 수 있다
HTML
CSS
Javascript
웹 페이지만 만들거면 HTML만 있어도 된다
어떤 관점에서 무엇이냐에 따라 많은 구성요소가 나올 수 있다

2. 실행 관점의 구성요소

웹 앱이 실행된다는 관점은 사용자가 주소창에 특별한 홈페이지 주소를 입력하는 행위라고 할 수 있다
HTML, CSS, Javascript 파일들이 물리적으로 사용자의 브라우저에 전송이 되고, 브라우저가 그 파일들을 해석해서 실행시키면 웹앱이 동작되는 형태가 된다
웹앱을 실행시키는 주체는 브라우저이다
브라우저는 런타임 환경이라고 말을 한다

3. CSR & SSR

UI를 제공하려면 HTML을 만들어야하는데 이걸 어디서 작성을 하느냐에 관점이 있다
Javascript도 조작할 수 있다
필요한 UI를 그때그때 만들어서 제공하는게 있다 (CSR)
Javascript의 실행 결과로 HTML이 만들어지는게 아니라, 웹 서버에서 HTML을 만들어서 브라우저로 전송하는 방식이 있다(SSR)