본문 바로가기
웹프로그래밍

[JS] 5. 변수와 대입연산자

by kimsfamily 2020. 10. 7.

이번시간에는 변수와 대입연산자를 배우겠습니다.

 

1. 변수란? 바뀔 수 있는 어떤 값

먼저 콘솔창을 열어서 아래값을 입력해볼께요

여기서 =는 대입연산자라고 표현합니다.

좌항과 우항을 결합해서 우항의 값을 만들어냅니다.

(1을 x에 대입해서 이제는 x의 값이 1이 됩니다.)

 

1=2; 이렇게 해볼께요

에러가 뜨네요!!!

1은 상수입니다. 항상 1이기때문에 바뀌기 않죠. 숫자가 바뀌지 않잖아요!

 

Variable VS constant 라고 합니다.

Varariable는 변수이고 constant는 상수입니다.

변수는 변하는 값, 상수는 변하지 않는값이죠!

 

2. 변수는 언제 어떻게 활용되는가?

이번에는 이 변수가 어떻게 활용되는지 한번 살펴보겠습니다.

이렇게 나열된 문서에 이름을 중간중간 넣어볼께요.

아래와 같이 kim을 세문장 정도 중간에 넣어서 알람을 띄웠습니다.

자, 근데 이러한 kim이 더 큰 문장에 100개정도 있다고 가정하고, 이 kim의 이름을 바꿔야된다고 생각해봅시다. 그럼 일일이 다 수정도 어렵겠지만..이럴때를 대비해서 뭔가 필요하겠죠? 이러한 상황전에 미리 kim에 대해서 변수로 지정합니다.

 

var name = 'kim' 이라고 지정하고 문장에는 " " 사이마다 +name+ " " +name+ 이런식으로 입력해주면 됩니다.

그럼 name이라는 변수를 kim으로 인식하게 되죠.

향후에 이름이 바뀌면 var name= 'kim' 이부분만 'park' 이런식으로 바꾸면 됩니다.

 

 

park으로 바꾸고 출력해보면, 아래와 같이 park로 바뀐걸 확인할 수 있습니다.

 

자, 이번시간에 배운걸 첫번째 예제를 통해서 한번 살펴보면,

'black'라는 문자가 backgroundColor이라는 변수에 대입된걸 확인할 수 있습니다. 아래에 white도 동일하구요.

 

자, 이번수업은 여기까지 하겠습니다.

 

 

본 강의는 아래 생활코딩 강의안을 바탕으로 재작성된 강의안입니다.

opentutorials.org/course/3085/18871

 

댓글0