자바스크립트는 웹 브라우저에서 사용하기 위해 만들어진 언어이다.
Hello JavaScript
- 자바스크립트는 개발자 도구를 사용해서 언제든지 실행할 수 있다.
- 윈도우는 Ctrl + Shift + I , Mac은 Command + Option + I 를 누르면 열린다.
Console.log('Hello JavaScript');콘솔에 출력이 된다.
console.log(1+2+3+4);를 하면 10이 콘솔에 출력되는것을 볼 수 있다.
변수와 상수
- 변수와 상수는 특정 이름에 특정 값을 담을 때 사용한다.
- 변수에는 var, let 이 있고 상수에는 const 가 있다.
- 변수는 바뀔수 있는 값을 말하고, 한번 값을 선언 후 다시 바꿀 수 있다
- 상수는 최초 선언 후 값이 바뀌지 않는 것을 말한다. 즉 값이 고정적이다.
let value = 1;
console.log(value);
value = 2;
console.log(value);위 코드를 출력하게 되면 1, 2 가 화면에 출력되는데 위와 보다시피 최초 선언 후 value 의 값을 2로 바꿔주었어도 정상적으로 실행이 되는 것을 볼 수 있다.
여기서 주의해야 할점은 한번 선언했으면 똑같은 이름으로 또 선언을 하지 못한다.(자바에서의 다형성이 불가능)
const a = 1;
console.log(a);위 코드를 출력하면 1이 나온다. 근데 여기서 상수는 선언 후 값을 변경이 불가한데 값을 변경해보면 어떻게 될까
const a = 1;
a = 2;입력을 하면 "Error: "a" is read-only" 라는 오류가 발생했다.
이는 한번 상수로 선언을 했으면 값을 바꿀 수 없는것을 의미한다
const a = 1;
const a = 2;변수와 마찬가지로 한번 선언했으면 같은 이름으로 선언 할 수 없다.
var를 사용하지 말자
- 변수를 선언하는 방법으로는 let과 var가 있는데 요즘 모던 자바스크립트에서는 var를 더 이상 사용하지 않는다.
- var와 let의 다른 주요 차이점으로는, var는 똑같은 이름으로 여러번 사용을 할 수가있으며 var와 let은 사용할 수 있는 범위가 다르다.
- 그렇기에 var는 더 이상 사용하지 않으며 사용하지 않는것을 추천함
데이터 타입
상수나 변수를 선언하게 될 때, 숫자 외에도 다른 값들을 선언이 가능하다. 종류가 많은데 기본적인 것을 알아보자
숫자(Number)
숫자는 바로 값을 대입을 해서 사용하면 된다.
let number = 1;문자열(String)
텍스트(프로그래밍 언어에서는 주로 문자열이라고 지칭) 형태의 값은 작은 따옴표 혹은 큰 따옴표로 감싸서 선언한다.
let text = 'hello';
let name = 'Java스크립트';참/거짓(Boolean)
boolean은 참과 거짓 두가지의 값만을 나타낼 수 있다. 참은 true, 거짓은 false이다.
let good = true;
let loading = false;null과 undefined
자바스크립트에서는 "값이 없음"을 의미하는 데이터 타입이 두가지이다.
하나는 "null"이고 다른 하나는 "undefined" 인데 둘의 용도가 다르다.
const a = null;
const b;
console.log(a);
console.log(b);이때 값은 a = null이 출력되고 b=undefined가 출력이 된다.
즉 a는 값이 없음을 나타내는 것이고 b는 값이 지정되지 않았음을 뜻한다.
연산자
연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자
- 산술 연산자 : + , - , * , / , a++ , ++a , a-- 등
- 대입 연산자 : += , -= , *= , /= 등
- 논리 연산자 : ! , && , || 등 (순서 ! -> && -> ||)
- 비교 연산자 : == , === ( == 은 값만 비교를하고 타입 검사까지는 하지 않지만 === 은 값과 타입이 동일해야 true를 뱉는다.)(===사용 권장)
- 비교 + 논리 연산자 : !와 =을 사용해 !=, !==을 사용(!= 은 타입 검사를 하지않지만 !==은 타입 검사까지 진행함, !== 사용 권장)
- 크고 작음 : < , > , <= , >=
