html 변천사

html 변천사

1. 기존 html,css,js 로만 작업한 버전
단점- 사용자 환경에 일일히 대응할 수가 없다. 

2. ejs (embededjs)
js 안에 html를 템플릿을 만들어서 찍어낸다. 
사용자 환경에 맞추어 일일히 만들어준다 (시간이 오래걸림)

3. spa (싱글페이지)
html 하나와 js 파일을 뭉쳐서 넣어준다 
js 파일안에 화면을 만드는것에 필요한것들이 들어가있다. 
기존엔 클라이언트가 서버에 화면을요청하면 서버에서 하나하나 만들어서 응답함(ejs 버전)
하지만 spa 화면구동에 필요한 js 다 들어가있으므로 서버를 안거쳐도됨. 응답이 빠름
기존에 서버에서 만들었던 작업을 클라이언트로 넘김

단 문제점 '검색엔진'
네이버,다음,구글..... 사이트 검색시 내가 검색한 키워드에 맞춰 띄어줌
크롤링을 할때 HTML을 분석해 웹접근성에 밀접한 사이트를 띄어주는데
SPA 사이트는 JS로 화면을 그려주기 때문에 HTML이없어 크롤링이 안됨

4. SSR (서버 사이드 랜더링)
EJS방식이랑 동일 (리액트 앵귤러 사용) 
화면을 찍어내서 사용자 화면에 띄어줌