자바스크립트

특정 실행문을 지정된 횟수만큼 여러번 반복해야 할 때 사용하는 구문중 하나입니다. 루프(Loop), 순환문이라고도 합니다. for문은 조건에 충족하는 지정 횟수만큼 반복 실행하는 횟수가 정해진 반복문입니다. for문은 반복 횟수를 기준으로 반복 처리를 하는 for 문과, 여러개의 요소를 가지는 배열, 객체 등의 전체 갯수를 기준으로 전체를 반복 순환하는 for ~ in, for ~ of,

2개의 값을 비교해 비교 기준에 부합하는지를 확인하거나, 값이 참인지 거짓인지에 따라 실행하는 구문이 달라지는 것을 조건문이라고 합니다. 조건문은 결과가 참인 경우에만 원하는 구문이 실행되거나, 또는 참과 거짓 각각에 대해 구문이 실행되는 경우로 나누어집니다. 여러개의 조건이 있는 경우에는 조건문을 중첩해 여러개의 조건을 세세하게 나눌 수 있습니다. 자바스크립트의 조건문은 if 문과 switch

객체는 다양한 데이터 값들을 모아서 저장한 컨테이너입니다. 다양한 데이터 타입과 많은 데이터를 담는 만큼, 빠르게 객체의 속성값을 얻거나, 객체 속성을 제어할 수 있는 메서드들을 제공합니다. 객체 속성값 얻기 모든 객체 데이터는 속성을 통해 얻습니다. 객체명.속성 객체명.속성[인덱스].속성 객체명.속성.속성.속성 과 같이 체인 연결로 최종 속성값,

ES6에서 추가된 함수 파라메터를 확장하는 기능입니다. 가변 파라메터를 사용할 수 있도록 해 사실상 함수 파라메터를 무한대로 활용할 수 있습니다. 나머지 파라메터를 사용하면 함수의 파라메터 갯수 별로 별도의 함수를 정의할 필요가 없어집니다. 함수 내부에서 가변 파라메터를 처리할 수 있도록 추가 파라메터 배열을 제공하기 때문에 가변 파라메터에 대한 대응도 가능합니다. 나머지 파라메터는

모듈은 특정 기능을 하는 하나의 코드 묶음 단위입니다. 모듈이 모여 하나의 큰 프로그램이 되며, 모듈은 또 다른 모듈의 일부로써 기능을 할 수 있습니다. 모듈의 핵심은 캡슐화 입니다. 모듈 안의 모든 기능들은 모듈 안에서 동작하며, 모듈 밖에서는 접근이 허용된 속성이나 메서드만 사용할 수 있도록 허용됩니다. ES5 까지는 모듈에 대한 지원이 되지

속성 기술자 정의 어려운 용어를 먼저 알아둘 필요가 있습니다. 게터(Getter)/세터(Setter) 라고도 하고, 속성 기술자(Property Descriptor)라고도 합니다.  자바스크립트에서는 속성 기술자라는 용어를 좀 더 많이 사용합니다. 자바스크립트는 객체의 속성을 만들고 관리할 수 있는 표준화된 메서드 틀(구조)을 제공합니다. 또, 속성을 만들고 관리할 수 있는 전용의 단일

화살표 함수는 ES6에서 새롭게 도입된 함수 표기 방법입니다. 기존 함수 표기방법을 단순화해서 함수 전체의 구조를 단순화하는 장점이 있습니다. 우리가 지금까지 알던 함수는 function add(a, b){ return a+b; } 이렇게 표기를 했습니다. 화살표 함수는 이런 함수 표현을 let add = (a, b)=>a+b; console.log(add(3,5)); 와 같이

정적 속성과 정적 메서드는 클래스 인스턴스를 생성하지 않고도 호출할 수 있는 클래스에 정의된 속성과 메서드입니다. 인스턴스를 생성하지 않고 바로 호출할 수 있기 때문에 공통으로 사용하는 라이브러리 클래스를 생성해 사용할 때 주로 활용합니다. 정적 속성과 정적 메서드는 앞에 "static" 키워드를 사용해 정의합니다. "static" 키워드로 정의한 속성과 메서드는 객체 인스턴스를 통하지 않고

다른 객체지향 언어의 클래스처럼 자바스크립트의 클래스도 상속을 지원합니다. 클래스의 상속은 앞서 만들어 놓은 클래스의 기능들을 그대로 가져다 쓸 수 있으면서도, 상속받은 클래스의 고유한 기능을 추가할 수 있기 때문에 체계적으로 구조화 된 서비스를 개발하는데 아주 중요한 역할을 합니다. 클래스 상속을이해하려면 몇가지 중요한 키워드를 알아야 합니다. extends - 상속받을 클래스를 지정하는 지시자입니다.

자바스크립트는 다양한 객체 생성 방법을 제공합니다. 최신의 고급 기법인 클래스를 사용하면 되지만, 조금 더 단순하고 심플하게 함수를 클래스처럼 사용할 수 있는 방법도 제공합니다. 자바스크립트에서는 이것을 생성자 함수라고 합니다. 클래스와 마찬가지로 생성자 키워드인 new로 인스턴스를 생성할 수 있고, 내부 메서드와 변수를 사용할 수 있습니다. 함수라는 특징을 제외하면 클래스의 사용법과 많이 유사합니다.