Language/JavaScript

[JavaScript] 조건문

제어문(control flow statements) 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문을 제어문이라고 한다. 이러한 제어문에는 조건문, 반복문 등이 포함된다. 조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 조건문 중에서 가장 기본이 되는 실행문은 if 문이다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다. if 문 if / else 문 if / else if / else 문 switch 문 if 문 if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않는다. if 문을 순서도로 표현하면 다음 그림과 같이..

[JavaScript] 타입 변환

타입 변환(type conversion) 자바스크립트는 타입 검사가 매우 유연한 언어다. 자바스크립트의 변수는 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값을 다시 대입할 수도 있다. var num = 20; // Number 타입의 20 num = "이십"; // String 타입의 "이십" var num; // 한 변수에 여러 번 대입할 수는 있지만, 변수의 재선언은 할 수 없습니다. 재선언문은 무시됩니다. 묵시적 타입 변환(implicit type conversion) 자바스크립트는 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동으로 타입을 변환하여 사용한다. 즉, 문자열 값이 오길 기대하는 곳에 숫자가 오더라도 자바스크립트는 알아서 숫자를 문자열로 변환하여 사용한다. 10..

[JavaScript] 기본 타입

기본 타입 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 제공하고 있으며, 이것을 기본 타입이라고 한다. 자바스크립트의 기본 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있다. 원시 타입(primitive type)은 다음과 같다. 숫자(number) 문자열(string) 불리언(boolean) 심볼(symbol) : ECMAScript 6부터 제공됨 undefined 객체 타입(object type)은 다음과 같다. 객체(object) var num = 10; // 숫자 var myName = "홍길동"; // 문자열 var str; //undefined 숫자(number) 자바스크립트는 다른 언어와는 달리 ..

[JavaScript] 변수(variable)

변수의 선언과 초기화 변수(variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있다. 자바스크립트에서는 var 키워드를 사용하여 변수를 선언한다. 자바스크립트에서는 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생한다. 단, 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저 한 후 초기화를 진행한다. var month; // month라는 이름의 변수 선언 date = 25; // data라는 이름의 변수를 묵시적으로 선언 선언된 변수는 나중에 초기화할 수도 있고, 선언과 동시에 초기화할 수도 있다. var month; // 변수의 선언 var date = 25; // 변수의 선언과 동시에 초기화 month = 12; // 변수..

[JavaScript] 변수-기초

변수 : 어떤 정보에 이름을 붙여서 저장하고 싶을 때 사용한다. name = "Mike"; age = 30; 줄 마지막 세미콜론(;)은 한 줄이 끝났다는 의미로 써준다. 생략해도 되지만, 항상 적어 주는것이 좋다. 위 예제에서 name 변수에 Mike라는 값이 들어갔고, age 변수에는 30 이라는 값이 들어갔다. Mike는 쌍따옴표로 감싸져 있는데 자바스크립트에서 문자는 항상 따옴표로 감싸줘야한다. 따옴표('...')나 쌍따옴표("...") 어떤 걸로 감싸도 상관없다. 따옴표로 감싸주지 않으면 자바스크립트는 오류를 발생시킨다. 그리고 변수를 만들다 보면 가끔 원일을 알 수 없는 오류를 발생하는 경우가 있는데 class = "수업"; 같은 코드는 에러가 난다. 자바스크립트에는 예약어라는 것이 있는데 예약..

[JavaScript] 자바스크립트 기본 문법(함수(function),객체(object),배열(array))

함수(function) 함수란 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록이다. 함수는 이름과 매개변수를 갖으며 필요한 때에 호출하여 코드 블록에 담긴 문들을 일괄적으로 실행한 수 있다. // 함수의 정의(함수 선언문) function square(number) { return number * number; } 함수는 호출에 의해 실행되는데 한번만 호출한 수 있는 것이 아니라 여러번 호출할 수 있다. // 함수의 정의(함수 선언문) function square(number) { return number * number; } // 함수의 호출 square(2); // 4 동일한 작업을 반복적으로 수행해야 한다면 (동일한 구문을 계속해서 중복 작성하는 것이 아니라) ..