👋 Hello, I am Seung-ho Ham

🧑🏻‍💻 A Developers who create code that changes the world

카테고리 없음

[DEV] 웹애플리케이션의 구성요소

Potato_H 2021. 5. 13. 19:28
반응형

 

웹 애플리케이션의 구성요소

  • HTML
  • CSS
  • JavaScript

 

HTML UI를 기본적으로 만들고, CSS는 비주얼적인 요소를 만들며, JS는 동적인 프로그램을 만든다.

 

문서, 정보만 주는 목적으로 만드려면 HTML, CSS만 있어도 되며 그냥 웹페이지 라고 할 수 있다.

 

웹 애플리케이션이 되기 위해선 정적으로 동작하기 위한 자바스크립트가 반드시 필요하다.

 

웹앱을 실행시키는 것이 브라우저이며,

브라우저는 런타임 환경을 제공하는 환경이다.

 

Node.js 라는 앱이 나오면서 브라우저가 아니더라도 자바스크립트를 실행할 수 있게 되었다.

 

자바스크립트가 실행되면서 필요한 UI를 생성해내는 방식과 웹서버에서 HTML이 만들어져서 브라우저로 전송하는 방법이 있다.

 

HTML을 주도적으로 만들어서 UI로 표현하는 것을 클라이언트 사이드 렌더링이라고 하며

 

웹 서버 주도적으로 HTML을 만들고 브라우저에 전송하는 방법을 서버 사이드 랜더링이라고 한다.

 

만드려고 하는 웹앱의 특성에 따라 다르며

잘못선택하면 비효율적일 수 있다.