본문 바로가기

👩🏻‍💻 Front-end/🌐 Web18

[Next.js] CSR, SSG, ISR, SSR의 차이점과 장단점 요약CSR(Client-Side Rendering), SSG(Static Site Generation), ISR(Incremental Static Regeneration), SSR(Server-Side Rendering)은 웹 애플리케이션의 렌더링 방식에 따라 구분되는 개념입니다.각각의 방식은 장단점이 있으며, 웹 애플리케이션의 특성에 따라 적절한 방식을 선택해야 합니다.CSR (Client-Side Rendering)정의: 클라이언트(브라우저)에서 JavaScript를 실행하여 HTML을 생성하는 방식장점:빠른 초기 로딩 속도서버 부하 감소동적인 UI 구현 용이단점:초기 로딩 시 JavaScript 파일 다운로드 필요SEO 최적화 어려움자바스크립트 의존성 높음보안 취약점 존재SSG (Static Sit.. 2024. 5. 2.
[JavaScript] Strict Mode 엄격 모드 Use Strict use strict 지시자를 사용하면, ECMAScript5(ES5) 이후 추가된 새로운 기능과 변경사항이 활성화 된다. 등장 배경 자바스크립트는 다양한 브라우저에서 작동해야 하기 때문에 기존의 기능을 변경하지 않고 새로운 기능을 추가하며 호환성을 유지해왔다. 덕분에 옛날에 작성된 코드를 지금도 사용할 수 있다는 장점이 있지만, 업데이트 전 코드의 결함이 그대로 박제된다는 단점이 있다. ES5 이후에는 새로운 기능을 추가하면서 기존 기능 일부를 변경했기 때문에 하위 호환성 문제가 발생할 수 있다. 따라서 느슨한 모드(sloppy mode)를 기본으로 하되, use strict 지시자를 사용한 엄격 모드(strict mode)에서만 변경사항이 활성화되게 했다. Strict Mode가 에.. 2022. 10. 27.