자바스크립트 기초 문법 정리 Part 1

JavaScript 배우기

웹 프로젝트 경험은 많지 않아서 JavaScript(이후 '자바스크립트'로 통칭)를 많이 다뤄보지 못했다. 그래서 Node.js(이후 '노드'로 통칭)를 배우기 전에 자바스크립트 기초 문법을 먼저 정리하고 시작하려고 한다. 이후 계속 노드를 공부하면서 자바스크립트에 대해서도 꾸준히 공부하고 정리할 예정이다.

간략하게 정리를 한 글이니 혹시나 개발을 처음 공부하시는 분들은 다른 가이드를 찾아보시는 게 적합할 듯합니다. 이 글은 다른 개발 언어에 대한 경험이 있으신 저와 같은 상황인 분들이 빠르게 자바스크립트를 훑고 넘어가기 좋도록 정리하였습니다.

---

출력

document.write("Hello World!");

주석

// 한 줄 주석
/* 여러 줄
주석
*/
<!-- HTML 주석 -->

외부 자바스크립트 연동 - 기본형

<script type="text/javascript" src="소스 경로"></script>

변수

변수에 저장할 수 있는 데이터의 종류: String / Number / Boolean / Null

var message;    
message = "Hello World!";

문자열 안에 HTML 태그를 포함하여 출력하면 태그로 인식되어 출력됨

var tag="<h1> Tag!! </h1>";

문자열 데이터에서 숫자열 데이터로 바꾸는 경우

var num=Number("7");

논리형 데이터 

var isChecked=true;
var isSmall=150>100;  // true
var string=Boolean("hi");   // 0과 null을 제외한 모든 데이터 true 반환

typeof

변수에 저장된 데이터형 추출

var num=10;
document.write(typeof num);    // number가 출력됨

비교 연산자

다른 연산자들은 타 언어들과 동일하여 생략.

var a=10;
var b="10";

// 데이터형과 무관하게 표기된 숫자만 비교
document.write(a==b);   // true
document.write(a!=b);    // false

// 데이터형도 반영하여 비교
document.write(a===b);   // false
document.write(a!==b);    // true

제어문

Java의 문법과 동일

if(조건식) {
    실행문;
} else if(조건식 2) {
    실행문 2;
} else {
    실행문 3;
}

var 변수=초깃값;
switch(변수) {
    case 값 1:
        실행문 1;
        break;
    case 값 2:
         실행문 2;
        break;
    default:
        실행문 3;

var 변수=초깃값;
while(조건식) {
    실행문;
    증감식;
}

var 변수=초깃값;
do {
    실행문;
    증감식;
} while(조건식)

for(초깂값; 조건식; 증감식) {
    실행문;
}

---

여기까지가 '자바스크립트 기초 문법 정리 Part 1'

이후 포스팅에서는 자바스크립트의 객체와 함수, 이벤트에 대해 다룰 예정이다.

각 객체에서 지원하는 메서드에 대해서는 이번 포스팅보다는 좀 더 자세하게 각 메서드에 대한 기능까지 정리할 것이다. 후에 이벤트까지 정리가 끝나면 보다 간략하게 한 게시글에서 확인할 수 있도록 모든 파트를 통합한 게시글을 포스팅해보자!

참고문헌:
Do it! 자바스크립트+제이쿼리 입문 - 정인용

티스토리 블로그와 동시에 포스팅을 진행하고 있습니다.
http://madeitwantit.tistory.com