JavaScript 변수를 코드 속에 넣어보자.

우선 변수란 무엇인가? 변하는 수(숫자)이다. 숫자라 말했지만 여기 안에는 글자도 들어 갈 수 있는데 쨌든 기계는 숫자로 인식하기 때문에 수라 말해도 된다.

자바에는 여러 가지 속성, 그니까. String, long 등이 있는데, 자바스크립트에서는 아직 var만 써도 크게 불편함이 없기 때문에 오늘은 var를 예시로 들도록 하겠다.

 

변수란 코드 안에서 동적으로 이용하는 변수를 뜻한다.

변수는 프로그래머가 마음만 먹으면 언제든지 그 내용물을 바꿀 수 있다.

함수를 이용해서 기존 변수를 바꿔도 되고, var width=window.innerwidth();

전역 변수 선언 후 코드 작성 中 지역변수로서 임의로 바꿔도 된다.

var i;

fuction is(){

i=1;

}

그렇다면, 이 변수를 코드 안에 넣으면 어떻게 될까?

지난 번에 배운 window.open();을 예로 들자. 그 많은 속성 中 url 부분은 길다.

그리하야,

var url = ‘http://aldkzm.tistory.com/’

window.open(url,zelaw);

이런식으로 속성에는 쉽게, 친화적으로 들어가지만,

만약 url 속에 필요에 따라 숫자가 바뀌어야 한다면? 예를 들어 필자의 게시글은 숫자로 주소가 입력 되어 있는데, 그 中 애니메이션 게시글의 주소는 https://aldkzm.tistory.com/123임으로 이것으로 설명하자면,

var ani = 123;

var url = ‘http://aldkzm.tistory.com/ani’;

실행 될까? 안된다.

ani는 변수가 아닌 글자로서 인식된다.

그리하야 우리는 이 변수를 변수 또는 코드 안에 넣는 방법인 ‘+’를 깨우쳐야 한다.

즉, 변수 또는 코드와 변수를 잇기 위해서는 변수 명 앞 뒤로 ‘+’를 나두면 된다.

var url = ‘http://aldkzm.tistory.com/’+ani+’’ 이런 식으로 하면 된다.

‘’는 뭔디요? 그냥 망이라 생각하면 된다. 기존의 문자와 새로 넣은 변수를 각 각 묶어주는 망. 

쓰다 보면 ‘‘’ 하나로 작동이 안 되는 코드가 있다.

이때는 걍 고민 하지 말고 ‘+’를 변수 앞 뒤로 넣은 다음 그 앞에 앞 뒤로 ‘를 넣어주면 왠만하면 작동한다.

만약 var ani에 단순히 숫자가 아닌 랜덤 함수 값을 넣는다면 랜덤하게 주소값은 바뀔 것이고 그에 따른 결과값도 달라지니 

정말 동적으로 움직이는 변수라 할 수 있다.

위의 그림을 누르면 예로 든 결과값으로 이동하는데, 게시글을 리프레시 할 때 마다 다른 음악이 선택 되어 유튜브 플레이어가 게시 된다.