자바스크립트

[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 동일한 작업을 반복적으로 수행해야 한다면 (동일한 구문을 계속해서 중복 작성하는 것이 아니라) ..

[JavaScript] 자바스크립트 기본 문법(문(statement),표현식(Expression))

문(statement) 프로그램(스크립트)은 컴퓨터(Client-side Javascript의 경우, 엄밀히 말하면 웹 브라우저)에 의해 단계별로 수행될 명령들의 집합이다. 각각의 명령을 문(statement)이라 하며 문이 실행되면 무슨 일인가가 일어나게 된다. 문은 리터럴, 연산자(Operator), 표현식(Expression), 키워드(Keyword) 등으로 구성되며 세미클론(;)으로 끝나야 한다. var x = 5; var y = 6; var z = x + y; console.log(z); 문은 코드 블록(code block, {...})으로 그룹화할 수 있다. 그룹화의 목적은 함께 실행되어져야 하는 문을 정의하기 위함이다. // 함수 function myFunction(x, y) { return..

[JavaScript] 자바스크립트 기본 문법((연산자(Operator),키워드(Keyword),주석(Comment))

연산자(Operator) 연산자(Operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 연산 등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자(Operand)라 한다. // 산술 연산자 var area = 5 * 4; // 20 // 문자열 연결 연산자 var str = 'My name is' + 'Lee'; // "My name is Lee" // 할당 연산자 var color = 'red'; // "red" // 비교 연산자 var foo = 3 > 5; // flase // 논리 연산자 var bar = (5 > 3) && (2 5) { break; //반복문 탈출 } console.log(i); i++; } 주석(Comment) 주석(Comment)은 작성..