전체 글

클래스의 경우 파이썬이나 다른 언어를 다뤄본 사람이라면 쉽게 다뤄 볼 수 있다고 생각하여, 간단한 예시들만 정리하였다. 클래스 선언'class' 키워드를 이용하여 선언한다. 클래스 내부에는 생성자 메서드와 클래스 멤버를 정의할 수 있다.class Animal { constructor(name) { this.name = name; } speak() { console.log(`${this.name} makes a noise.`); }}const myAnimal = new Animal('Dog');myAnimal.speak(); // "Dog makes a noise."  클래스 상속클래스 상속은 기존 클래스를 확장하여 새로운 클래스를 정의하는 것을 말합니다. e..

화살표 함수화살표 함수는 ES6에서 도입된 새로운 함수 표현 방식으로 함수를 간결하게 정의할 수 있다. 주로 익명 함수의 사용을 줄이고 코드를 간결하게 만드는데 사용된다. 아래의 예시처럼 => 기호로 정의되며, 매개변수 하나인 경우 괄호를 생략할 수 있다. 함수의 몸체가 한줄인 경우 중괄호 {}와 return 키워드를 생략할 수 있다.// 기본 구문const add = (a, b) => { return a + b;};// 한 줄 표현 시 중괄호와 return 생략 가능const multiply = (a, b) => a * b;console.log(add(2, 3)); // 5console.log(multiply(2, 3)); // 6 화살표 함수와 Scope함수 내부에서의 this 바인딩 ..

전개 문법은 파이썬에서 *과 비슷한 역할로 ...을 이용해서 표현한다. 배열에서의 전개 문법배열의 요소를 개별로 분리한다. 주로 배열을 복사하거나 여러 배열을 합칠 때 사용된다. 배열 복사const arr = [1, 2, 3];const copyArr = [...arr];console.log(copyArr); // [1, 2, 3] 배열 합치기const arr1 = [1, 2, 3];const arr2 = [4, 5, 6];const combinedArr = [...arr1, ...arr2];console.log(combinedArr); // [1, 2, 3, 4, 5, 6] 새로운 요소 추가const arr = [1, 2, 3];const newArr = [...arr, 4, 5];console.log..

배열과 객체의 비구조화배열과 객체에서 원소나 속성을 추출하여 변수에 할당하는 비구조화 할당 문법이 있는데, 이 기능을 사용하면 코드를 간결하게 작성할 수 있고, 필요한 값들을 효율적으로 추출할 수 있다. 배열의 비구조화배열의 비구조화는 배열에서 값을 추출하여 변수에 할당하는 것이다. 배열의 각 요소는 순서대로 할당한다.const numbers = [1, 2, 3, 4, 5];// 배열의 비구조화 할당const [first, second, , fourth] = numbers;console.log(first); // 1console.log(second); // 2console.log(fourth); // 4 객체의 비구조화객체의 비구조화 역시 객체에서 속성을 추출하여 변수에 할당하는 것이다. 변수 이름과 ..

여러 줄 문자열 (Multi-line String)탬플릿 리터럴을 사용하면 여러 줄의 문자열을 간편하게 작성할 수 있다. 이전에는 줄 바꿈 문자를 사용하여 여러 줄을 나눠야 했지만, 템플릿 리터럴을 이용하면 백틱 문자 '를 이용하여 손쉽게 작성할 수 있다.아래의 예제처럼 작성하게 되면 줄 바꿈과 들여쓰기는 그대로 유지된다.const multiLineString = ` This is a multi-line string.`;console.log(multiLineString); 문자열 보간 (String Interpolation)문자열 보간은 템플릿 리터럴을 사용하여 변수나 표현식을 문자열 안에 삽입하는 기능이다. 이전에는 문자열을 연결할 때 '+' 연산자를 사용했지만, 템플릿 리터럴을 사용하..