제3장 자바스크립트 변수(Javascript Variable)

반응형

자바스크립트 변수에 들어가기전

변수라는게 무엇인지 말씀드릴게요.

 

이건 어느 프로그래밍이나 마찬가지입니다.

변수는 숫자나 문자를 담는 그릇입니다.

 

만약 우리가 5천원을 가지고있다고 봅시다.

일단 이5천원을 주머니나, 지갑, 통장, 카드 어딘가에는 넣을껍니다.

변수는 이런겁니다.

 

프로그래밍은 일반 문자열을 출력할게 아니거나 특수한 상황이 아니라면

숫자나 문자를 변수 라는 곳에 담아서 사용해야합니다. 

 

여기서 아마 의아하실껍니다.

그러면 그냥 문자열 출력하면되지????

 

우리는 프로그램을 배워서 어딘가에 사용해 먹어야하지 않겠습니까?

 

1. 가장 기본적인 문자열 출력하기

예시로 바로 들어가봅시다.

우리는 이름이 있습니다. 이름을 출력하기위해서는 그냥

console.log에 이름을 넣어 프로그램을 만들면 되겠지만,

이름이 계속 바뀌는 프로그램이라면 비효율적입니다.

코드가 길어지면 길어질수록 변화하는 내용에 대응하기위해서는 변수를 꼭 써야합니다.

 

저의 이름을 카스퍼로 하고 바로 프로그램을 만들어봅시다.

 

js 파일하나에

 

name = "카스퍼";

consle.log(name+"님 반갑습니다.");

를 작성하여 저장해줍니다. 파일이름은 consolename.js으로 하겠습니다.

저번에 제가 말씀드렸듯이 자바스크립트의 기본 인덱스파일 틀이 무엇이였죠?

<html>

<head>

<meta charset = "utf-8">

<script src = "consolename.js></script>

</head>

<body>

hellow world

</body>

</html>

 

여기에 콘솔 name을 불른걸 빨간표시로했습니다.

그리고 인덱스파일을 실행해보면,

정상적으로 출력된 것을 볼 수 있습니다.

 

제가 아까 왜 변수를 쓰면 편한지 설명드릴게요.

이름이 길거나 여러군데에 쓰인다면, name이라는 변수를 통해 여기저기 간단하게 출력가능합니다.

프로그램이 더더욱 길어지면 편하겠죠?

 

2. 변수선언하기

기본적으로 번수를 선언할때 var라는 키워드를 씁니다.

그리고 변수 이름을 지정해줍니다.

내가 a라는 변수를 선언하려면

var a; 라고 선언해주시면됩니다.

우리는 고오급 응용자이기때문에 변수 3개를 바로 선언해봅시다.

var a, b, c;

 

파일명은 consolevar로 하겠습니다.

이렇게하면 변수를 선언 한 것입니다.

그치만 우리는 이렇게 쉬운걸 할 생각 이 없습니다.

변수에 무언가를 담아줘야겠죠?

그리고 바로 출력을 해봅시다.

js 파일에 들은 코드입니다.

인덱스 코드는 위와 같습니다.

 

실행해보면,

변수안에 들어간 내용을 모두 다 출력했습니다.

 

이번 챕터 요약

 

1. 변수선언

2. var 변수이름 = 내용

3. 변수에 저장하고싶은 내용이 숫자면 그냥 써주면되지만, 문자열인경우 " " 큰따옴표를 써준다.

 

다음시간에는 변수를 활용 해보겠습니다.

댓글

Designed by JB FACTORY