반응형 📺 Front-end2 💡 CSR SSR SSG CSR(Client Side Rendering) : 클라이언트 사이드 렌더링 CSR은 자바스크립트를 사용하여 브라우저에서 직접 페이지를 렌더링 하는 방식 SPA는 클라이언트 사이드 렌더링이지만 SPA === CSR은 아니다. SPA를 구현하는 방식이 CSR이다. CSR 장점 동적 콘텐츠가 포함된 페이지를 만들기에 적합하다. 웹 애플리케이션에 필요한 모든 소스를 최초 한 번에 다운로드하기 때문에 새 페이지로 이동해도 페이지 갱신에 필요한 데이터만 전달받아 업데이트한다. CSR 단점 규모가 커질수록 유저가 화면을 보기까지 오랜 시간이 걸린다. HTML 파일의 body 부분이 비어있기 때문에 SEO에 적합하지 않다. SSR(server side rendering) : 서버 사이드 렌더링 SSR은 서버에서 웹페.. 2023. 6. 21. [VUE] v-if 와 v-show 💡 v-if 조건에 따라 블록을 렌더링 하기 위해 사용된다. 블록은 디렉티브(v-if)의 표현식이 true 값을 반환할 때만 렌더링된다. Hello World! v-else와 함께 "else 블록"을 추가하는 것도 가능하다. Hello World! Oh no 😢 💡 v-show v-if 와 사용법이 거의 동일하다. ok의 값이 참일 때 화면에 표시된다. Hello World! 📍 v-if 와 v-show의 차이점 v-show가 있는 엘리먼트는 항상 렌더링이 되고 DOM에 남아있다. v-show는 단순히 css의 display 속성만 변경된다. 2022. 8. 15. 이전 1 다음 반응형
