김민태 [프론트엔드 아카데미] 2 - (2)

01. 웹앱의 구성요소

- HTML

: UI를 만드는 것(but, js도 가능)

- CSS

: 비주얼적인 요소를 꾸미는 것

- Javasript

: 웹 페이지를 동적으로 만드는 것

• HTML과 CSS로만 이루어진 웹페이지 = 앱 x, 페이지 또는 문서
  => 정적이기 때문
• Javascript를 사용하여 사용자와 상호작용 하는 것? 앱 ㅇ

02. 실행 관점의 구성요소

웹앱이 실행 된다는 관점

웹앱의 구성요소 +브라우저
브라우저: 웹앱을 실행시키는 역할, 실행시간(런타임) 환경을 제공
이는 브라우저만이 할 수 있는 것은 x(Nodejs도 가능)

CSR(클라이언트 사이드 렌더링)

: 브라우저에서 실행되는 js의 실행 결과로 UI를 표현하는 방법

SSR(서버 사이드 렌더링)

: 서버에서 주도적으로 HTML을 만들고 브라우저에 전송하는 방법

_앱의 성격의 따라서 CSR가 효율과일수도, SSR이 효과적일수도 있음_

그래픽 시스템

• 더욱 적극적인 그래픽 시스템(HTML과 CSS로는 한계)

• 캔버스 태그: js로 3D 그래픽, 2D 그래픽을 표현할 수 있는 태그, 도화지(영역 제공)

• API: js로 다룰 수 있게끔 제공
  => API로 그래픽을 구현하는 것