수정 블로그

함수란 하나의 동작을 위한 코드 집합을 의미하며, 반복적인 동작을 처리하기 위해 작성한다. 함수를 작성할 때는 function이라는 키워드를 사용하고, 함수의 이름과 사용하려는 인자를 정의한 다음, {} 괄호 내부에 실행하고자 하는 코드를 작성한다.function sum(a, b) { console.log(a + b); }sum(10, 20); // 30 함수 명명의 규칙첫 글자는 영문자, $, _만 사용할 수 있다.첫 글자 이외에는 영문자, $, _, 숫자만 사용할 수 있다.영문자의 소문자와 대문자를 구분한다. (a, A는 다른 변수이다)자바스크립트의 예약어는 사용할 수 없다.공백 문자를 포함할 수 없다. 함수와 변수함수의 내부에서 선언된 변수는, 변수가 존재하는 유효 범위가 함수 내부로 제한되며..

반복문이란 반복적으로 수행해야 하는 동작을 처리하기 위해 사용되는 제어문을 의미한다. forfor 문은 가장 대표적인 반복문으로, for 뒤에 오는 () 괄호 안에 시작 값, 조건식, 증감 값을 작성하고, 조건이 참인 동안 시작 값부터 증가 또는 감소하며 반복한다.for (let i = 0; i  반복문은 기본적으로 주어진 조건에 의해 결괏값이 거짓이 될 때 빠져나오게 된다. 이때 break 명령어를 사용하면 이러한 조건과 무관하게 사용자가 원하는 지점에서 반복문을 빠져나올 수 있다.for (let i = 0; i  continue전체 반복문을 종료하는 것이 아닌, 현재 반복을 종료하고 다음 반복으로 넘기는 명령어이다.for (let i = 0; i  for of반복 가능한 객체에 사용할 수 있는 반복문..

조건문이란 지정된 특정 조건이 참인지 거짓인지에 따라 서로 다른 코드로 분기하기 위해 사용되는 제어문을 의미한다. ifif 문은 가장 대표적인 조건문으로, if 뒤에 오는 () 괄호 안에 조건을 작성하고, 해당 조건이 참이라면 이어지는 {} 블록 내부의 코드를 실행한다.const a = 10;const b = 20;if (a  else만약 if 문의 조건이 거짓일 때의 동작을 지정하기 위해서는 else를 사용한다.const a = 10;const b = 20;if (a > b) { console.log('a가 더 큽니다'); } else { console.log('b가 더 큽니다'); } else if앞서 배운 것과 같이, if 문과 else를 사용하면, 하나의 조건이 참일 때와 거짓일 ..

산술 연산자자바스크립트에서 제공하는 산술 연산자의 종류는 다음과 같다.+ : 덧셈- : 뺄셈* : 곱셈/ : 나눗셈% : 나머지** : 지수console.log(1 + 2); // 3console.log(3 - 1); // 2console.log(3 * 2); // 6console.log(6 / 2); // 3console.log(10 % 2); // 0console.log(2 ** 3); // 8console.log(2 + "살!"); // 2살! + 연산자는 피연산자에 문자 데이터 타입이 있는 경우, 숫자 덧셈이 아니라 문자를 결합한다. 증감 연산자숫자를 증가시키거나 감소시키기 위해 사용되는 연산자이다.let number = 10;number++;console.log(number); // 11numb..

Set과 Map실제 데이터를 다룰 때 배열과 객체만으로는 한계가 있던 복잡한 데이터를 다루는 경우에 활용할 수 있도록 ES6 이후 도입된 새로운 데이터 구조이다. Set셋은 데이터 집합으로, 중복에 대한 제한이 없는 배열과 달리 중복을 허용하지 않는다. 즉, 다루려는 데이터가 중복을 허용하지 않는 경우, 배열을 사용하면 데이터에 중복이 있는지를 일일이 체크하고, 제거하는 처리가 필요하지만, 셋을 사용하면 아예 중복된 값은 들어가지 않기 때문에 이와 같은 처리가 필요하지 않다.const set = new Set();set.add(1);set.add(2);set.add(1);console.log(set); // {1, 2} 셋은 위 코드 예제와 같이 new Set()을 사용해 생성할 수 있으며, add()라..

Reference Types참조 데이터 타입이란, 원시 데이터 타입이 할당될 때 변수에 값 자체가 담기는 것과 달리, 보관하는 곳의 주소가 담기는 데이터 타입을 의미한다. 참조 데이터 타입은 원시 데이터의 집합으로, 배열이나 객체가 대표적이며, 고정된 크기를 가지지 않고, 주소만을 가지기 때문에 동적으로 크기가 변하는 데이터를 보관할 수 있다. 배열배열이란 데이터 타입의 집합으로, 인덱스를 사용해 순차적으로 접근할 수 있는 데이터 타입이다.const arr = [1, 2, 3];console.log(arr); // [1, 2, 3] 배열을 만들기 위해서는 위 코드 예제와 같이 [] 괄호 안에 요소들을 쉼표로 구분하여 넣는다. 배열을 요소가 저장된 순서를 의미하는 인덱스 값을 가지며, 괄호 안에 해당 인덱..

Primitive Types원시 데이터 타입이란 객체가 아니면서 메서드도 가지지 않는 어떠한 값을 의미한다. Number숫자 데이터 타입은 정수 및 부동 소숫점 숫자를 나타낸다.const number = 20;console.log(typeof number); // Number BigInt숫자 데이터 타입으로 표현할 수 있는 범위를 넘어선 숫자를 표현할 때 사용되는 데이터 타입으로, 길이에 상관없이 정수를 나타낼 수 있으며, 다음과 같이 정수 리터럴 끝에 n을 붙여 표현할 수 있다.const bigNumber = 123123123123123123123n;console.log(typeof bigNumber); // bigint String문자열 데이터 타입은 따옴표로 감싼 문자 또는 문자열을 나타낸다. 이..

주석자바스크립트에서 주석을 추가하려면 다음과 같이 작성하면 된다.// 한 줄 주석/*여러 줄의주석*/ 변수와 상수변수란 변할 수 있는 값을 저장하기 위해 사용되며, 상수는 변하지 않는 값을 저장하기 위해 사용된다. let변수를 선언하기 위해서는 다음과 같이 let 키워드를 사용하고, 그 뒤에 사용할 변수 이름을 작성한다. 또한 변수는 변할 수 있는 값이기 때문에, age에 들어 있는 값은 언제든지 변할 수 있다.let age = 20;console.log(age); // 20age = 30;console.log(age); // 30 const상수를 선언하기 위해서는 다음과 같이 const 키워드를 사용하고, 그 뒤에 사용할 변수 이름을 작성한다. 상수의 경우, 변수와는 달리 선언될 때 저장한 값을 바꿀 ..

자바스크립트는 웹 페이지에 동작을 넣기 위해 탄생한 프로그래밍 언어로, 마우스 클릭이나 키보드 눌림과 같은 사용자 이벤트에 반응하거나, HTML 문서의 요소를 조작하는 등 표현에 국한되는 마크업 언어와는 다르게 웹 페이지를 동적으로 만들 수 있다. 자바스크립트는 ECMA 규격을 따른다. ES6, ES7 등 ES + 숫자 형식으로 표기하는 이 단어는, ECMAScript가 배포된 버전을 의미하며, 배포된 연도에 따라 ES6 = ECMA 2015라고 표기할 수 있다. 특히 ES6가 강조되는 이유는 과거 프로그래밍 언어로써 부족한 점이 많았던 자바스크립트의 문제점들을 해결하거나 보완할 수 있는 해결책들이 이 ES6 버전에서 대거 등장했기 때문이다. 한 마디로 우리가 지금 얘기하는 모던 자바스크립트의 큰 틀을 ..