JavaScript
1.[JS] 함수(Function)
함수 (Function) : 속성 및 method를 가실 수 있는 일급(first-class) 객체이며, 인자를 가질 수 있는 코드블록이다. 함수는 함수 자체의 범위를 가진다. : 함수는 코드를 재사용할 수 있고, 유지보수가 편리하기 때문에 사용한다. 함수의 특징 함수는 값이기 때문에 변수 안에 담길 수 있다. 객체 속성 안에 method로...
2.[JS] 배열 (Array) 메소드 정리
Array : 자바스크립트에서 Array 객체는, 다른 프로그래밍 언어의 배열과 마찬가지로, 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있다. 여기서는 배열의 생성과, 접근, 그리고 주요 메소드를 정리해보려고 한다. 배열 생성하기 : 배열은 대괄호로 감싸진 요소들의 목록으로 정의된다. 배열 요소에 접근하기 : 배열의 각 요소에 접근하려면...
3.[JS] String 메서드 정리
String 자바스크립트에서 String(문자열)은 문자열의 나열이다. 문자열은 작은 따옴표나 큰 따옴표로 둘러쌓인 문자들의 시퀀스이다. 또한 ES6에서 도입된 백틱(\`)을 사용하여 만들 수도 있다. 백틱(\`)과 일반 따옴표와의 차이는 다음과 같다. 다중 라인 문자열 : 백틱은 여러 줄로 이루어진 문자열을 쉽게 작성할 수 있다. 이를 템플릿 리터...
4.[JS] Number 메서드 정리 ( + Math 메서드)
Number 자바스크립트에서 Number는 숫자 데이터 타입을 나타낸다. 여러 방법으로 숫자를 선언하고 사용할 수 있다. 정수 및 소수 선언 산술 연산 Number 메서드 parseInt() > 문자열을 정수로 변화한다. 첫번째 인수는 변환하려는 문자열이고, 두번째 인수는 어떤 진수 체계로 표현되어있는지 나타낸다. 두번째 인수는 선택적이며 ...
5.[JS] 구조분해할당 / 나머지 매개 변수 / 전개구문
구조 분해 할당 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 자바스크립트 표현식이다. 이를 통해 코드를 더 간결하게 작성할 수 있고, 변수 할당을 효과적으로 처리할 수 있다. 배열 구조 분해 할당 할당하고자 하는 변수의 개수가 분해하고자 하는 배열의 길이보다 크더라도 에러가 발생하지 않는다. 할당할 값이 없으면 undefine...
6.[JS] 클로저(Closure)
클로저 (Closure) >클로저는 자신이 생성될 때의 환경(Lexical environment)을 기억하는 함수다. 클로저는 내부함수가 유효한 상태에서 외부함수가 종료되어 외부 함수의 실행 컨텍스트가 반환되어도, 외부함수의 실행 컨텍스트 내의 확성 객체(함수 선언 등의 정보를 가지고 있음)는 내부함수에 의해 참조되는 한 유효하여 내부함수가 스코프체인을...
7.[JS] 타이머 함수
자바스크립트 내장 함수 중 타이머 함수가 있다. 타이머 함수는 아래와 같은 역할을 한다. 함수 이름 설명 setTimeOut(함수, 시간) 입력 받은 시간 이후 함수를 1번 실행한다. setInterval(함수, 시간) 입력 받은 시간을 간격으로 함수를 반복적으로 실행한다. clearTimeOut()...
8.[JS] 함수 호출 call, apply, bind
자바스크립트에서 this는 함수가 호출될 때 결정되며, 호출 문맥에 다라 다르게 바인딩이 된다. 일반적으로 this 바인딩 규칙은 다음과 같다. 전역 객체 바인딩 : 함수가 일반적인 함수 호출로 실행되면, this는 전역 객체에 바인딩이 된다. 브라우저 환경에서 전역 객체는 window 이다. 매소드 호출 시 바인딩 : 객체의 메소드로 함수가 호출되...
9.[JS] 상속 / prototype
상속(Inheritance)는 객체 지향 프로그래밍에서 중요한 개념 중 하나로, 코드의 재사용성을 높이고 객체간의 계층 구조를 만들어내는 매커니즘이다. 즉, 상속은 기존 클래스 또는 객체(부모 또는 상위 클래스 / 객체)에서 속성과 메서드를 파생된 새로운 클래스 또는 객체 (자식 또는 하위 클래스 / 객체)에게 공유하거나 전달하는 과정을 의미한다. 이로써...
10.[JS] Promise, async, await
자바스크립트는 기본적으로 단일 스레드로 동작하는 언어이며, 이는 코드의 실행이 한 번에 하나의 작업만 처리된다는 것을 의미한다. 동기적으로 실행되는 코드는 한 번에 하나의 작업만 처리되며, 코드의 실행이 완료되기 전까지 다음 코드로 진행되지 않는다. 이러한 특성은 코드의 실행 흐름이 예측 가능하고, 간단하게 유지되도록 도와준다. 하지만 자바스크립트에서 모...
11.[JS] 제너레이터 (Generator)
제너레이터 (Generator) : 자바스크립트의 Generator는 함수의 실행을 일시 중단하고 재개할 수 있는 특수한 종류의 함수다. Generator는 'function*' 문법을 사용하여 정의되며, 함수 내에서 'yield' 키워드를 사용하여 값을 내보내고 함수 실행을 일시 중단할 수 있다. : 제너레이터 함수는 호출되면 즉시 실행되지 않고, ...