All In One_IT

배열(array) 배열(array)이란? 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 자바스크립트에서 배열의 특징은 다음과 같다. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array 객체로 다뤄진다. 배열의 생성 자바스크립트에서 배열을 만드는 방법은 다음과 같다. 예제 1. let arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을..

반복문(iteration statements) 반복문이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다. 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 중 하나이다. 자바스크립트에서 사용할 수 있는 반복문의 형태는 다음과 같다. while 문 do / while 문 for 문 for / in 문 for / of 문 while 문 while 문은 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복 실행한다. while 문의 문법은 다음과 같다. 예제 while (표현식) { 표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문; } while 문은 우선 표현식이 참(true)인지를 판단하여 참이면 내부의 실행문을 ..

조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 조건문 중에서 가장 기본이 되는 실행문은 if 문이다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다. if 문 if / else 문 if / else if / else 문 switch 문 if 문 if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않는다. if 문을 순서도로 표현하면 다음 그림과 같이 표현할 수 있다. if 문의 문법은 다음과 같다. 예제 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } 예제 let x = 10, y = 20; if (x ..

산술 연산자(arithmetic operator) 산술 연산자 설명 + 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더함. - 왼쪽 피연산자의 값에서 오른쪽 피연산자의 값을 뺌. * 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱함. / 왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눔. % 왼쪽 피연산자의 값을 오른쪽 피연산자의 값으로 나눈 후, 그 나머지를 반환함. 대입 연산자(assignment operator) 대입 연산자 설명 = 왼쪽 피연산자에 오른쪽 피연산자의 값을 대입함. += 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더한 후, 그 결과 값을 왼쪽 피연산자에 대입함. -= 왼쪽 피연산자의 값에서 오른쪽 피연산자의 값을 뺀 후, 그 결과 값을 왼쪽 피연산자에 대입함. *= 왼쪽 피연산자..

타입 변환(Type conversion) 자바스크립트는 매우 유연한 언어이다. 변수는 타입이 정해져 있지 않고 같은 변수에 다른 타입의 값을 대입할 수 도 있다. let age = 20; //Number 타입 20 age = '이십'; //String 타입 '이십' 명시적 타입 변환(explicit type conversion) 자바스크립트에서는 유연한 언어이라도 명시적으로 타입을 변환할 방법도 존재한다.아래는 명시적 타입 변환을 위한 전역 함수이다. Boolean() Number() String() Object() parseInt() parseFloat() Boolean(1); // true Number('20'); //숫자 20 String(20); //문자열 20 Object(10) //숫자 타입 ..

자료형 (Data type) 이란? 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 자바스크립트는 느슨한 타입(loosely typed), 동적(dynamic) 언어이다. 무슨 말이냐면 변수의 타입을 미리 선언할 필요가 없다는 것이다. 타입은 프로그램이 처리되는 과정에서 자동으로 파악이 되고 처리가 될 것이다. let test1 = 100; //test1 는 Number 타입 변수임. let test2 = "bar"; //test2 는 String 타입 변수임. let test3 = true; //test3 는 Boolean 타입 변수임. let test4; //test4 는 undefined 타입 변수임. 자료형 (Data type) 종류 최신 ECMAScript 표준은 다음과 같은 7가지 자료형을 ..

두 번째 시간으로 기초적으로 알고 있어야 하는 문법 소개 시간을 가지겠습니다. 자바스크립트 기초 자바 스크립트에서는 명령을 명령문(statment)이라 부르며, 세미콜론 (;)으로 구분합니다. 명령문이 한 줄을 다 차지할 경우에는 세미콜론이 필요하지 않습니다. 그러나 한 줄에 두 개 이상의 명령문이 필요하다면 세미콜론으로 구분해야 합니다. ECMAScript는 세미콜론을 자동으로 삽입해 명령문을 끝내는 규칙(ASI)도 가지고 있습니다. 하지만, 세미콜론이 필요하지 않은 경우라도 항상 세미콜론으로 끝마치는 편이 버그 예방 차원에서 더 좋은 습관이라고 여겨집니다. JavaScript의 스크립트 소스는 왼쪽에서 오른쪽으로 탐색하면서 토큰, 제어 문자, 줄 바꿈 문자, 주석이나 공백으로 이루어진 입력 eleme..