반응형
콘솔에서 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이라는 변수로 프로그래밍하였기 때문에 상단의 변수값만 수정해주면 전체 본문에 반영되는것을 볼 수 있다.
반응형
'Spec UP - Frontend > 생활코딩_JavaScript' 카테고리의 다른 글
제어할 태그 선택하기 (야간모드,주간모드 버튼 생성) (0) | 2021.09.08 |
---|---|
CSS 기초 : 선택자 (0) | 2021.09.08 |
데이터타입-문자열과 숫자 (0) | 2021.09.05 |
HTML과 JavaScript의 만남(Console) (0) | 2021.09.05 |
HTML과 JavaScript의 만남 (script 태그, Event) (0) | 2021.09.05 |
댓글