본문 바로가기
Spec UP - Frontend/생활코딩_JavaScript

변수와 대입 연산자

by TIS_Ha 2021. 9. 6.
반응형

콘솔에서 x와 y라는 변수를 생성하여 예를 들어보자.

예를 들어 콘솔에서 x=1, y=2을 입력했을 때 x+y를 실행하면 결과는 3이 된다.

그리고 다시 x=1000이라고 입력했을 때 x+y는 1002가 된다.

 

여기서 x, y를 변수(Variable)라고 하고 '='은 대입연산자 라고부른다.

그렇다면 '1=2;'를 대입하면 어떻게 될까?

숫자 1과 2는 변하지 않는 값, 상수(Constant)이기 때문에 오류가 발생된다.

 


변수는 왜 이용하는가?

예를들어 아래와 같은 내용의 alert창을 만들었다고 가정해보자.

"Ester"이라는 이름이 중복해서 등장하도록 프로그래밍을 하였는데 이 Ester이라는 값이 수시로 변경되는 값이라면 어떻게될까?

 

변경될때마다 기존 "Ester"의 위치를 찾고 값을 수정해주어야한다.

이는 매우 번거로울 뿐 아니라 실수를 유발하기 쉽다.

이러한 경우에 변수를 활용한다면 어떻게 할 수 있을까?

우선 name이라는 변수를 생성하여준다.(name='변수값';)

* 이대로 enter를 치면 바로 name='변수값'만 실행하기 때문에 shift+enter를 해야한다.

* 변수 앞에 var라는 키워드를 써주는 것이 좋다.

그리고 본문에서 Ester이라는 이름이 아닌 name이라는 변수명을 입력한다.("+변수명+" 의 형태로 입력)

Ester이라는 이름이 Cintia로 변경되었다고 해도 name이라는 변수로 프로그래밍하였기 때문에 상단의 변수값만 수정해주면 전체 본문에 반영되는것을 볼 수 있다.

반응형

댓글