웹앱의 구성요소

Updated: 2023.04.27

Categories: React

웹의 기본 구성요소
- 웹앱을 구성하는 여러가지의 요소라고 할 수 있다
- HTML
- CSS
- Javascript
- 웹 페이지만 만들거면 HTML만 있어도 된다
- 어떤 관점에서 보냐에 따라 많은 구성요소가 나올 수 있다
실행 관점의 구성요소
- 웹 앱이 실행된다는 관점은 사용자가 주소창에 특별한 홈페이지 주소를 입력을 하는 행위라고 생각할 수 있다
- HTML, CSS, Javascript 파일들이 물리적으로 사용자의 브라우저에 전송이 되고, 브라우저가 그 파일들을 해석해서 실행시키면 웹앱이 동작되는 형태가 된다
- 웹앱을 실행시키 주체는 브라우저이다
- 브라우저는 런타임 환경이라고 말을한다
CSR & SSR
- UI를 제공하려면 HTML을 만들어야하는데 이걸 어디서 작성을 하느냐의 관점이 있다
- Javascript도 JavaScript도 조작할 수 있다
- 필요한 UI를 그때그때 만들어서 제공하는게 있다 (CSR)
- JavaScript의 실행 결과로 HTML이 만들어지는게 아니라, 웹 서버에서 HTML을 만들어서 브라우저로 정송하는 방식이 있다 (SSR)

개인 공부 기록용 블로그입니다.
잘못된 내용이 있다면 꼭 알려주세요!