본문 바로가기
반응형

javascript5

[JavaScript] 서버사이드 렌더링(SSR) 클라이언트사이드 렌더링(CSR)? 서버사이드 렌더링(SSR) 클라이언트사이드 렌더링(CSR) ? 많이 들어봤을 것이다. 작동방식과 장점 단점을 알아보자 .  1.클라이언트사이드 렌더링(CSR: Client-Side Rendering)클라이언트사이드 렌더링은  브라우저(클라이언트)에서 페이지를 구성하는 방식이다.처음에 서버에서 브라우저로 빈 HTML 파일을 보내고, 브라우저가 자바스크립트 코드를 다운로드 받아 실행함으로써 페이지의 내용을 채우는 방식이다.요즘 유행하는 자바스크립트 프레임워크인 React, Vue.js, Angular 등에서 많이 사용되며, 특히 Single Page Application(SPA) 방식에서 주로 사용한다.2024.07.18 - [IT] - [Web Page 와 Single Page Application] 웹 .. 2024. 9. 2.
[JavaScript] ES6란? ES6란 ES6(ECMAScript 6), 또는 ECMAScript 2015라고도 불리며, 자바스크립트의 주요 업그레이드 버전이다. ES6는 자바스크립트의 기능을 대폭 확장하면서 코드 작성이 더 쉬워지고, 효율적으로 바뀌게 만든 업데이트이다.  뭐가 업데이트가 돼었는지 하나씩 알아보겠다. 1. let과 constvar vs. let vs. constvar: 전통적인 변수 선언 방식이지만, 블록 스코프를 지원하지 않아서 변수의 범위를 제어하기 어려우며, 함수 스코프이다.let: ES6에서 새로 도입된 변수 선언 방식이다. let은 블록 스코프를 지원하여 if, for, while 같은 블록 내부에서만 변수가 유효하다.const: 상수 선언 방식이며, 한 번 값이 할당되면 그 값을 변경할 수 없다. 마찬가지.. 2024. 8. 30.
[JavaScript] undefined와 null 차이 null과 undefined는 모두 JavaScript에서 "값이 없음" 또는 "정의되지 않음"을 나타내는 값이지만, 둘 사이에는 분명한 차이가 있다   null과 undefined 두 개념은 JavaScript의 타입 시스템에서 중요한 부분을 차지하며, 각자의 의미와 사용 목적이 다르다. null과 undefined의 차이를 알아보자.  undefined: 정의되지 않은 값undefined는 JavaScript에서 "변수는 선언되었지만 값이 할당되지 않은 상태" 또는 "정의되지 않은 상태"를 의미한다.undefined의 특징자동 할당된 값: 선언만 하고 초기화하지 않은 변수는 자동으로 undefined 값을 가진다.let a;console.log(a); // undefined 함수의 인자: 함수 호출.. 2024. 8. 28.
[JavaScript] const, var , let 변수 선언 차이점 JavaScript에서 const, let, var는 변수를 선언할 때 사용하는 키워드 이다.  const, let, var 이 셋은 선언된 변수가 어떻게 동작하는지에 따라 중요한 차이점이 있으며, 간단하게 각각의 설명과 차이점을 알아보자.  var: 전통적인 방식의 변수 선언var는 JavaScript에서 가장 오래된 변수 선언 방식이며, 말이 좋아 전통적인 방식이라 하지 고였다고 보면된다 .. ES6 이전의 모든 코드에서 사용되었으며. var의 주요 특성을 알아보자. var의 주요 특징:함수 스코프(Function Scope): var는 함수 내부에서만 스코프를 가지며, 함수 외부에서 선언되면 전역 스코프에 속하게 된다.호이스팅(Hoisting): var로 선언된 변수는 호이스팅되어, 해당 변수가 선.. 2024. 8. 28.
[JavaScript] TDZ(Temporal Dead Zone)란? 2024.08.26 - [JavaScript] - [JavaScript] 호이스팅(Hoisting) 과 스코프(Scope)란? [JavaScript] 호이스팅(Hoisting) 과 스코프(Scope)란?JavaScript에서 호이스팅과 스코프는 변수와 함수의 동작을 이해하는데에 아주 중요한 개념이다. 코딩을 하기전에 한번쯤 생각 해봤으면 좋겠다 . (나포함)  우선 호이스팅부터 알아보자. 호이ycds.tistory.com Temporal Dead Zone (TDZ)는 JavaScript에서 let과 const 변수를 사용할 때 중요한 개념이다 앞 글에 호이스팅과 스코프도 중요한 개념이므로 한 번 보고오면 더 좋을거같다. TDZ는 변수의 선언이 호이스팅되지만, 초기화되기 전까지 그 변수에 접근할 수 없도록.. 2024. 8. 26.
반응형