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가지 자료형을 ..

변수 (variable) 이란? 변수는 데이터를 저장하는 저장소(컨테이너)입니다. 변수는 전역 변수, 지역변수, 매개변수, 멤버 변수로 나뉘며 식별자로 구분해야 하기 때문에 숫자, 문자열, boolean, 객체, 함수 등을 이용할 수 있습니다. 자바스크립트 변수 선언 자바스크립트에는 3가지 방법으로 선언할 수 있습니다. var 변수명 = 값; let 변수명 = 값; const 상수명 = 값; 하지만 변수 선언 경우에는 var, let를 이용합니다. const은 상수 선언이므로 밑에서 추가적으로 설명하겠습니다. 자바스크립트 var와 let 차이점 우선 var과 let 차이점 설명에 시작하기 앞서 이 둘의 차이점에 이해하기 위해서는 Hoisting과 Scope의 개념이 필요하다. var name = "Jav..

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

안녕하세요. 자바스크립트 첫 번째 시간으로 자바스크립에 대한 개념과 소개하는 시간을 가지겠습니다. 자바 스크립트(Java Script) 자바 스크립트(Java Script)는 객체 기반의 스크립트 프로그래밍 언어이다. 웹 브라우저 내에서 주로 사용이 되며 다른 응용 프로그램 내장 객체에도 접근할 수 있으며 Node.js와 같이 서버 프로그래밍에서도 사용이 된다. 1995년 넷 스케이프의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브 스크립트(Live Script)라는 이름으로 개발했다가 최종적으로 자바 스크립트 이름으로 변경되었다. 자바 스크립트가 자바(JAVA)와 구문이 유사한 점이 있지만, 사실 이 두 언어 모두 C언어의 기본 구문에 바탕을 둔 언어..