vue image
이 시리즈는 공부했던 것을 복습 하기 위해 만들기 시작한 Javascript강의 글입니다.
틀린 점이 있어도 너그러히 부탁드려용.--)__)
틀린 부분에 대한 지적은 공부에 도움이 되니 환영합니당

변수(variable)

변수는 어떠한 것을 저장하고 필요할 때 특정이름으로 불러오는 것이다.
예를 들어...

var helloThere; // 변수 선언
helloThere = 'Hi, my name is Matthew.'; // 문자열(string)을 변수에 저장.
console.log(helloThere) // expected output -> 'Hi, my name is Matthew.' 

변수의 선언 방법.

var 변수 = 값; 

참고) 변수와 값 사이의 =는 같다는 뜻이 아니라 데이터를 넣어주는 것이다.

변수가 1개 단어 이상일 때, Camel Case를 이용하여 적는다.

var helloThere; 
var repeatOddNumber;

두 코드의 변수 선언에서 두번째와 그 이후 단어들의 첫 글자를 대문자화 했다는 것을 알 수 있다.
이 모습이 흡사 낙타와 같다고 해서 Camel Case라고 불린다.
이렇게 Camel Case를 하는 이유는 띄어쓰기를 하면 다른 변수로 인식되기 때문에 띄어쓰기를 대체하기 위해서 각 단어의 앞글자를 대문자화 하는 것이다.

변수의 사용법.

  1. 변수는 선언된 이후에 대입했던 값과 다른 값으로 바꿀 수 있다.
    var number = 10; // 변수(number) 선언 + 값(10) 대입.
    number = 5; // 변수의 값을 10 -> 5 변환.
  2. 변수는 새로운 변수에 의해 대입될 수 있다.
    var number = 10; // 변수 선언 + 값 대입.
    var getNumber = number; // 새로운 변수(getNumber)에 기존 변수(number)를 대입.
    문제 1
    var number = 10;
    var getNumber = number;
    number = 50;
    console.log(getNumber); // -> ???
    문제 2
    var arrayOfNumbers = [1, 2, 3, 4];
    var copyArray = arrayOfNumbers;
    arrayOfNumbers[1] = 0;
    console.log(copyArray); // -> ??? 

타입(Type)

JavaScript에서는 지원되는 언어 타입이 다음과 같이 존재한다. (typeof 연산자 기준)

1. 숫자(Number)

정수1,2,3..., 소수1.23등을 포함한 모든 형태의 숫자.

2. 문자열(String)

텍스트 상태의 모든 값.
문자열을 넣을 때에는 "" 아니면 '' 사이에 넣어준다.

var hello = "hello!"
var hello = 'hello!'

3. 불린(Boolean)

True 아니면 False로 표현하는 값.
variable 안에 직접 값을 넣어줄 수 있다.

var true = true;
var false = false;

비교 연산(Comparison Operators)을 통해 표현할 수 있다.

10 > 20 => false
'hello' === 'hello' => true

자바스크립트에서는 다양한 연산자를 사용한다.
임의의 값이 크다 or 작다 >,<
임의이 값이 크거나 같다 or 작거나 같다 >=,<=
값이 같다 or 값이 같지 않다(엄격한 의미)===,!==
값이 같다 or 값이 같지 않다(느슨한 의미)==, !=

느슨한 타입의 연산자는 엄격하게 비교를 하지 않기 때문에 오류를 일으킬 여지가 있어 사용하길 권장하지 않는다.

1 == '1' => true
1 + 2 != '3' => false

4. 오브젝트(Object)

배열(Array)

배열은 순서가 있는 값의 모임이다.

var array = [1, 2, 3, 4];
var stringArray = ['하나', '둘', '셋', '넷'];//문자열을 넣을 수 있다.
var variableArray = [a, b, c, d]; //변수를 넣을 수도 있다.
var mixedArray = [a, 2, '셋', 2 + 2];//섞어서 넣어도 무방.

객체(Object)

객체는 하나의 변수에 여러가지 값을 저장할 때 유용하다.

var studentOne = {
    name: 'Matthew',
    age: 27,
    address: 'Jeju Island'
}
studentOne.name => 'Matthew'

5. Undefined

undefined는 값이 없는 변수(variables)를 뜻한다.

var a;
typeofa => undefined