새소식

zerocho

javascript #1. 변수, 자료형

  • -

자바스크립트가 대세라고 했던가...

대학 재학 4년째에 처음 자바스크립트를 접해봅니다ㅎㅎ..

 

제로초로 공부하라고 추천을 받아서 제로초로 자바스크립트 기본기를 다졌습니다!

 

 복습이나 할 겸 제로초를 보면서 다시 자바스크립트를 복습해봅시당! 

 

 1. 변수 (Variable) 

var은 변하는 수를 뜻합니다. =데이터가 변한다.  

다른 언어들보면 int , float, char, double 등 다양하게 많은데 자바스크립트는 var로 변수를 선언합니다. 
(최근에는 const, let이 사용되는데 이건 ECMA Sricpt 편에서 말씀드리겠습니다!)

 

ECMAScript (ES6) const, let

먼저 ECMAScript란 자바스크립트의 결점을 보완하기 위해 ECMA라는 단체에서 결점을 보완한 표준 자바스크립트입니다! ECMAScript도 자바스크립트라고 봐도 무방합니다ㅎㅎ ES6는 2015년에 결점을 보완

dvlpseo.tistory.com

 

var a = ''; // 문자열
var b = 0; // 숫자
var c = false; // 불린
var d = null; // 널
var e = undefined; // 언디파인드
var f = []; // 배열
var g = {}; // 객체
var h = function() {}; // 함수

이런식으로 var 변수를 지정하면 변수라는 이름으로 (문자열, 숫자, 불린, 널 값) 등을 선언한다는 이야기입니다.

여기서 주의할 점은, = 은 대입한다는 의미이고 == 은 같다라는 의미로 사용됩니다. 

 

* camelCase 

var kimJiSoo = 23;

위 예제를 보면 김지수라는 변수를 띄어쓰기 하지 않는 대신 두 번째 단어부터 대문자로 사용하였습니다!

변수 이름에는 띄어쓰기를 하면 안되기 때문에, 

camelCase 규칙으로 띄어쓰기 대신 대문자로 표기해줍니다 :)

 

2. 자료형 


문자열 (String) 

var string = "string" // 큰 따옴표
var string2 = 'string' // 작은 따옴표
var string3 = "'string'" // 작은따옴표가 문자열에 들어있으면 큰따옴표로 감쌉니다.
var string4 = '"string"' // 반대의 경우
var string5 = '\'string\'' // 한가지 따옴표만 쓰고 싶을 때는 \로 이스케이핑

문자열은 작은 따옴표나 큰따옴표 아무거나 사용하시면 됩니다!

 

숫자(Number) 

var number = 1;
var float = 5.6;

자바스크립트는 다른 언어들처럼 Int, Short, Long, Double 구분이 없어서 숫자 아무거나 넣으면 됩니다!

 

불린(Boolean) 

var bool = true;
var bool2 = false;

true와 false로 사용할 수 있는데 따옴표 없이 true, false로 써주시면 됩니다!

true가 yes의 의미 , false가 no의 의미

 

Undefined/ Null 

var a; // 자동으로 undefined가 들어갑니다.
a; // undefined

var b = 125;
b = null;
b; // null

둘 다 빈 값을 의미하긴 하는데 조금 다릅니다.

undefined는 변수는 생성되었지만 값을 넣어주지 않았을 떄 자동으로 undefined되고, 

null은 빈 값을 변수에 의도적으로 생성해주었을 때 뜹니다.

 

 

오늘은 아주 기본적인 것부터 복습해보았습니다!

 

다음 게시글은 객체, 배열, 함수에 대해 써보겠습니다^^

 

참고: 제로초 

'zerocho' 카테고리의 다른 글

javascript #6. 반복문  (0) 2023.01.27
javascript #5. 조건문  (0) 2023.01.27
javascript #4. 연산자  (0) 2023.01.26
javascript #3. 함수  (0) 2023.01.26
javascript #2. 객체와 배열  (0) 2023.01.26
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.