[LG유플러스]유레카 SW

[Day5] Javscript

옝옹 2025. 1. 24. 22:31

Day6부터는 https://yeeun426.github.io/ 여기에 정리하였습니다. !

Javascript variables

변수는 데이터를 저장하기 위한 컨테이너

 

JS의 변수 선언 방법

변수 선언 방법 언제 사용해야하나요?
var 오래된 브라우저를 사용해야 하는 경우
let const를 사용할 수 없는 경우
const 1. 값을 변경하면 안되는 경우 (상수)
2. type을 변경하면 안되는 경우

 

Javascript 식별자

  • 이름에는 문자, 숫자, 밑줄, 달러 기호가 포함될 수 있습니다.
  • 이름은 문자로 시작해야 합니다.
  • 이름은 $와 _로 시작할 수도 있습니다
  • 이름은 대소문자를 구분합니다(y와 Y는 다른 변수입니다).
  • 예약어(JavaScript 키워드 등)는 이름으로 사용할 수 없습니다.

할당 연산자

: js에서 등호(=)는 "equal to" 연산자가 아닌 "대입" 연산자이다. 

 

** "equal to" 연산자는 JS에서는 == 와 같이 작성된다. **

 

변수 선언

var carName;

value없이 선언된 변수는  undefined 값을 갖는다.

let person = "John Doe", carName = "Volvo", price = 200;
// 하나의 문장에서 여러개의 변수 선언

 

Javascript Let

 

var 키워드의 문제점 🔥🔥
var로 선언된 변수는 다시 선언해도 값이 손실되지 않는다.
var carName = "Volvo";
var carName;
// carName은 여전히 Volvo를 갖는다.​
var는 재선언, 업데이트 모두 가능하다.

let 키워드는 var 키워드의 다른점 🔥🔥
let은 업데이트는 가능하지만 재선언이 불가능하다.
let carName = "Volvo";
let carName;
// 해당 코드는 작동하지 않음​

 

const 키워드 특징 🔥🔥
var, let, const
let보다 const를 사용해라?

 

 

Javascript 산술

: 앞에 부터 차근차근 연산한다.

let x = "5" + 2 + 3; // "523" 출력
let x = 2 + 3 + "5"; // "55" 출력

 

 

호이스팅 (Hoisting)

  • JavaScript는 변수와 함수 선언을 코드 실행 전에 메모리에 미리 할당하는 특성이 있음.
  • 변수 선언이 코드의 최상단으로 끌어올려지는 것처럼 동작하는 현상을 호이스팅이라 함.
  • 예제:위 코드에서 var a;가 내부적으로 최상단으로 이동함.
  • console.log(a); // undefined var a = 10;
  • letconst는 이러한 루즈한 문법을 방지하기 위해 등장했으며, 호이스팅은 되지만 초기화 전에는 접근 불가함 (Temporal Dead Zone).