react 이름 규칙과 변수 선언

Naming Rule

• 문자 (대문자 소문자 한글 가능)
• 특수문자중 _ , $ 까지만 허용
• 문자 달라 언더바로만 시작하여야함 ( 숫자로 시작해서는 안됨 )
• 소문자와 대문자는 엄연히 다름
• 예약어 불가

 

지역변수와 전역변수

var

var는 기본적으로 전역 변수이고, 언제든지 값 재할당이 가능하며, 위에 동일한 변수명이 있어도 다시 선언이 가능하다.

var x = 10

x = 20 	// 재할당 가능

console.log(x)	// x = 20

var x = 10	// 재선언 가능 ( 위에 동일한 변수 이름이 있어도 오류가 아님 )

console.log(x)	// x = 10

function test(){
	var x = 30	
}

console.log(x)	// x = 30	(함수안에 선언한 var 변수를 함수 밖에서도 사용 가능)

 

let 

let은 지역 변수 이며, 언제든지 값의 재할당이 가능하며 var와 다르게 재선언은 불가능하다.

let x = 10

x = 20 	// 재할당 가능

console.log(x)	// x = 20

let x = 10	// 재선언 불가 ( 위에 동일한 변수 이름이 있으면 오류 )

function test(){
	let x = 30	
}

console.log(x)	// x = 30	(함수안에 선언한 let 변수를 함수 밖에서 사용 불가)

 

const

const는 지역변수이며, 값의 재할당이 불가능하다 또한 재선언도 불가능하다.

const x = 10

x = 20 	// 재할당 불가

const x = 10	// 재선언 불가 ( 위에 동일한 변수 이름이 있으면 오류 )

function test(){
	const x = 30	
}

console.log(x)	// 함수안에 선언한 const 변수를 함수 밖에서 사용 불가