자바스크립트 변수와 상수

자바스크립트 역사

• 1995년 자바스크립트 탄생! (나랑 동갑이다..🤣)
  • 원래는 LiveScript 인데 그당시 JAVA가 인기가 많아서 자바랑 전혀 관계없지만 이름을 JavaScript로 바꾸다고 한다.👌
  • 왜생김? : 브라우저에 동작하기 위해서
• 2005년 AJAX등장
  • 자바스크립트 기반의 AJAX가 나오면서 급 발전함
  • 비동기 웹 어플리케이션 개발기능
  • 폭발적인 UX (User Experience : 사용자경험) 향상. 유저들이 얼마나 편리하게 이용할수있는가.
• 2008년 V8 엔진이 구글 크롬에 탑재가 되면서 브라우저 속도가 엄청 빨라진다.
• 2009년 Node.js의 등장! 
  • FrontEnd + BackEnd + DB = FullStack이 가능하게 됨.
• 2015년 ECMAScript6 (ES6) 버전 출시!

그렇다면 이렇게 좋은 자바스크립트를 언능 배워보자!! 😊

자바스크립트 언어 특징

• 객체지향 프로그래밍 지원
  • 객체지향 : 위에서부터 아래로 순서대로 시작되는게 아니라 역할을 가진 객체 그룹으로 묶어 그 단위로 처리하게 됨.
  • 절차지향 : 처음일 처리한 후 다음 두번째일 처리 (차례대로 해석)

• 동적타이핑 언어
  • 자바스크립트가 아닌 다른 언어에서는 변수를 지정할때 변수의 타입까지 지정해야하지만, 자바스크립트는 지정하지 않아도 된다.
  • 그러면 이타입이 언제 결정되냐 ? 런타임 시점에서 결정됨
  • 런타임시점 : RUN.돌아가는 타임 (프로그램이 돌아갈때!)

string a = "abc"; //자바 
var a = "abc";//자바스크립트

• 함수형 프로그래밍 지원
• 비동기 처리 가능
  • 클라이언트측 및 서버 측 모두에서 사용 가능
  • node.js를 이용하여 서버측에서도 사용된다. 이를 통해 웹 개발 전반에 거쳐 자바스크립트를 활용할수있다.

 

변수와 상수

• 변수(Variable)
  • : 값을 저장하고 변경할수 있는 메모리 공간
  • 기억하고 싶은 값을 메모리에 저장한다. > 읽어들여서 재사용 한다.
  • 변수를 사용하지않으면 ? 식을 여러번 써야하기 때문에 번거롭다.
• 변수의 5가지 주요 개념
  • 변수 이름 : 저장된 값의 고유 이름
  • 변수 값 : 변수에 저장된 값
  • 변수 할당 : 변수에 값을 저장하는 행위
  • 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위
  • 변수 참조 : 변수에 할당된 값을 읽어오는것
• 상수(Constant)
  • 한번 값이 설정되면 그 값을 변경할 수 없는 메모리 공간. 
  • 즉, 값이 고정된 변수
• 자바스크립트에서 변수는 var / let / const 로 선언할수 있다.
  • var : 예전부터 사용하던 방식
  • let / const : ES6 방식

<script>
// var로 변수 선언
var myVar = "Hello World";
console.log(myVar); // "Hello World"

// let으로 변수 선언
let myLet = "Hello World";
console.log(myLet); // "Hello World"

// const로 상수 선언
const myConst = "Hello World";
console.log(myConst); // "Hello World"
</script>

 

이 세가지가 같은거같지만 다르다.

<script>
// var로 변수 덮어쓰기
var myVar = "Hello";
var myVar = "World";
console.log(myVar); // "World"

// let으로 변수 덮어쓰기
let myLet = "Hello";
myLet = "World"; // 기존 값을 덮어쓰기
console.log(myLet); // "World"

// const로 상수 선언 후 값 변경하기
const myConst = "Hello";
myConst = "World"; // 오류 발생
console.log(myConst);
</script>

 

 

var 는 같은 이름의 변수를 사용했지만 오류가 나지 않는다.

let , const 는 같은 이름의 변수를 또 선언하면 오류가 발생한다.

하지만 let은 재선언은 안되지만 재할당은 가능하다.

 

const 는 상수이기 때문에 재할당, 재선언이 불가능하다.

 

정리하면!

	var	let	const
특성	변수	변수	상수
재할당	가능	가능	불가능
재선언	가능	불가능	불가능

 

한마디로

var : (변수)예전방식이니 가급적 쓰지 말자

let :  (변수) ES6 / 값의 변경이 필요할때

const : (상수) ES6 / 재할당, 재선언 방지