001. 자바스크립트 시작하기, 자바스크립트 기본 문법, 연산자

자바스크립트 시작하기

 

연습환경

 

먼저 자바스크립트를 연습하기위한 환경이 필요한테

 

크롬을 들어간 후 주소창에 about:blank라고 입력합니다.

 

그럼 아래와 같이 아무것도 안보이는 창이 나오는데 여기서 개발자 모드를 켜(F12 or ctrl+shift+i)을 입력해 실행시킵니다.

 

그러면 console창에 들어가서 앞으로 연습할 문법들을 실행시키겠습니다.

 

자바스크립트 기본 문법

 

먼저 자바스크립트는 기본적으로 C/C++과 JAVA와 유사한 문법을 가지고 있습니다.

기본적인 문법은 아래와 같습니다.

 

세미콜론 ; 으로 문장이 종료되어야 합니다.

변수명은 항상 알파벳이나 '_'로 시작하여야 합니다.

대, 소문자를 구별합니다.

예약어는 변수명으로 사용할 수 없습니다.

중괄호 { }를 이용하여 구역을 나눕니다.

C/C++과 동일한 구조의 조건문과 반복문을 가지고 있습니다.

 

예약어

break, case, catch, continue, default, delete, do, else, false, finally, for, function, if, in, 
instanceof, new, null, return, switch, this, throw, true, try, typeof, var, void, while, with 

 

연산자

 

산술연산자 

 

먼저 산술 연산자로는 (+, -, *, /)와 (++, --)가 있습니다. 후위연산(i++, i--)의 경우에는 해당 변수값을 다시 조회할 경우 바뀐 값을 확인할 수 있습니다.

 

var a = 15, b=3;
// +연산
a + b;
// 18이 출력됩니다.

// -연산
a - b;
// 12가 출력됩니다.

// *연산
a * b;
// 45가 출력됩니다.

// (/)연산
a / b;
5가 출력됩니다. 

// 전위 ++, --
++a;	// 16출력
++b;	// 4출력

// 후위 ++, --
a--;	// 16출력
b--;	// 4출력
a;	// 15출력
b;	// 3출력

 

문자열 연산자

 

문자열 연산자로는 + 가있는데, 두 문자열을 합쳐주는데 사용합니다.

 

var text1 = "blog";
var text2 = "test!";

text3 = text1 + " "+ text2;
console.log(text3);

// blog test!라는 단어가 출력됩니다.

 

할당 연산자

 

연산과 동시에 해당값을 갱신하는데 사용합니다.

var a =5, b=10, c=15, d=20;
var text = "test";

a+=1;	// a = a + 1과 같다.
b-=2;	// b = b - 2와 같다.
c*=3;	// c = c * 3과 같다.
d/=4;	// d = d / 4와 같다.
text+=" easy!";	// text = text + " easy!"와 같다.

 

비교 연산자

 

비교연산자는 >, <, >=, <= 가 있으며 크기를 비교하는데 사용됩니다.

식이 옳으면 true, 옳지 않으면 false를 출력합니다. 

 

논리 연산자

 

논리 연산자는 ==, !=, &&, ||, ! 가 있으며 값의 동일함 여부나 참과 거짓을 이용한 논리 연산을 하는데 사용됩니다.

 

==은 같다, !=은 다르다, &&은 and, ||는 or, !는 not과 같은 뜻입니다.

이것도 마찬가지로 논리연산을 통해 true와 false를 출력합니다.

 

조건 연산자

 

조건연산자는 (조건) ? A : B 형태로 사용되며 조건이 참일때는 A를 거짓일 때는 B를 수행합니다.

이것을 삼항연산자라고 표현 하기도 합니다.