Javascript 변수와 데이터

<Today's Goals>

• 변수란?
• 데이터의 종류

<What i learned>

• 변수와 데이터의 차이를 이해했다. 변수는 데이터를 담는 박스의 개념.
• 변수를 선언하고 값을 입력하지 않거나, 이름이 잘못된 경우 console에서 확인할 수 있다. 오류를 찾는 방법. undefined혹은 error로 표시.

<Questions>

• null의 쓰임이 뭘까? 초기화할 때 사용한다는 부분이 잘 이해되지 않는다.

---

변수란?

데이터를 저장하고, 읽고 쓸 수 있는 장소. 데이터를 저장하는 박스의 개념.

변수를 활용해 데이터 중복 제거 및 재사용이 가능.

 

변수 만들기

          var 변수이름 = 데이터;

 

여기서 var는 변수 선언을 의미하는 키워드이다.

 

변수를 여러개 만들때

var를 이용해 여러줄로 나누어 변수를 구분

 

          var 변수이름1 = 데이터;

          var 변수이름2 = 데이터;

 

','콤마를 이용해 변수를 구분

 

          var 변수이름1 = 데이터, 변수이름2 = 데이터;

 

변수이름 만들 때 주의사항

• 숫자로 시작할 수 없다.
• 대소문자를 구분한다.
• 변수는 대문자가 아닌 소문자로 시작한다.
• 상수 변수를 모두 대문자로 만든다.(필수사항은 아님)
• Javascript에서 이미 정의된 예약어는 사용할 수 없다. 

예약어 : break, case, catch, continue, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, with 

 

데이터란?

데이터형 : 변수에 저장할 수 있는 값

 

1. 숫자형(Number) 

나이나 몸무게와 같은 숫자정보를 저장할 때 숫자형을 사용

(남은 전력이나 게임의 스코어 등)

• 정수형 :

          10진수(일상에서 사용하는 숫자 소수점이 없음) 

          16진수 (숫자0~9와 문자A~F를 사용. 주로 색상 값을 나타낼 때 사용)

 

• 실수형 : 소수점을 갖는 숫자

          var age=28;

          var weight=50;

 

 

 

2. 문자형(String)

아이디와 패스워드, 닉네임들의 글자 정보를 저장할 때 문자형 변수를 사용

(주소 정보나 게시판의 게시물 제목과 본문 등)

 

          var id="apple";

 

따옴표와 쌍따옴표는 문자형을 나타낼 때 사용한다. "30"은 숫자 30이 아니라 문자 30을 의미한다.

 

 

 

3. 논리형(Boolean)

참(true,1)과 거짓(false,0) 두가지 값

(같은지 같지 않은지, 로그인을 했는지 안했는지 등)

 

          var cold = true;

          var login = false;

 

 

 

4. 특수형(undefined)

일반적으로 변수를 만든 후 초기화하지 않는 상태

• 변수를 선언하고 그 변수에 값을 대입하지 않은 경우
• 함수 인자 값 없이 함수를 호출할 경우
• 존재하지 않는 객체의 프로퍼티에 접근할 경우

 

5. 특수값(null) 

아무것도 참조하고 있지 않다는 의미. 

객체를 담을 변수를 초기화할 때 많이 사용.

null 값으로 데이터를 초기화하는 경우

• 숫자 변수 초기화 var data1 = 0;
• 문자 변수 초기화 var data2 = "";
• 논리형 변수 초기화 var data3 = false;
• 객체 변수 초기화 var data4 = null;

 

6. 함수(Function)

7. 클래스(Function)

8. 객체(Object)

 

변수 내부에 저장된 값 확인

1. alert()

특정 정보를 사용자에게 메시지 창으로 알려주기 위해 주로 사용

alert(데이터);

 

         var name = "apple"

         alert(name);

apple이 출력된다.

 

2. document.write()

HTML 문서의 body 영역에 <div>와 같은 HTML 태그 내용을 출력

브라우저 화면에 출력할 수 있음

  

         document.write(데이터, 데이터);

 

3. console.log()

디버깅 도구 (버그를 찾아 없애는 작업)로 특정 변수의 값을 확인할 때 사용

인스펙터(Inspector) 화면의 콘솔영역에 출력

 

         console.log(데이터, 데이터);