![[DEV] 웹애플리케이션의 구성요소](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbpqDSr%2Fbtq4MzMuESh%2FAAAAAAAAAAAAAAAAAAAAAK9_gTywxyR0S1lAUnoKMzZBGnB1RJfzqnDHy1lqvYji%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DoeUsu4vfhKYtZDrdK0TlvpCLdQk%253D)
[DEV] 웹애플리케이션의 구성요소카테고리 없음2021. 5. 13. 19:28
Table of Contents
웹 애플리케이션의 구성요소
- HTML
- CSS
- JavaScript
HTML UI를 기본적으로 만들고, CSS는 비주얼적인 요소를 만들며, JS는 동적인 프로그램을 만든다.
문서, 정보만 주는 목적으로 만드려면 HTML, CSS만 있어도 되며 그냥 웹페이지 라고 할 수 있다.
웹 애플리케이션이 되기 위해선 정적으로 동작하기 위한 자바스크립트가 반드시 필요하다.
웹앱을 실행시키는 것이 브라우저이며,
브라우저는 런타임 환경을 제공하는 환경이다.
Node.js 라는 앱이 나오면서 브라우저가 아니더라도 자바스크립트를 실행할 수 있게 되었다.
자바스크립트가 실행되면서 필요한 UI를 생성해내는 방식과 웹서버에서 HTML이 만들어져서 브라우저로 전송하는 방법이 있다.
HTML을 주도적으로 만들어서 UI로 표현하는 것을 클라이언트 사이드 렌더링이라고 하며
웹 서버 주도적으로 HTML을 만들고 브라우저에 전송하는 방법을 서버 사이드 랜더링이라고 한다.
만드려고 하는 웹앱의 특성에 따라 다르며
잘못선택하면 비효율적일 수 있다.
@Potato_H :: 코딩하는 감자
기억보단 기록을
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!