카테고리

javascript 15

javascript의 async와 await

async와 await의 사용은 자바스크립트의 비동기 프로그래밍 패턴을 단순화하고, 코드의 가독성을 크게 향상시킬 수 있는 키워드입니다. async async 키워드는 함수 앞에 붙여서 해당 함수를 비동기 함수로 변환합니다. 이렇게 선언된 비동기 함수는 항상 Promise를 반환합니다. 이 함수 내에서 명시적으로 값을 반환할 경우 Promise...

   풀스택 개발, javascript

javascript의 Promise 객체와 Promise 체이닝

Promise 객체는 어떤 함수를 처리하며 처리 상태와 처리 결과를 가지고 있는 객체입니다. 이 함수를 executor(실행자, 실행 함수) 라고 하며, 주로 비동기 함수의 처리 상태와 결과를 다루어서 비동기 코드를 더 쉽게 작성하기 위해 사용합니다. 또한, 이 객체를 통해 콜백 지옥(Callback Hell)이라고 불리는 복잡한 중첩 구조도 피할...

   풀스택 개발, javascript

JavaScript 배열 정렬 메서드(sort, toSorted)

메서드 사용 범위 설명 sort 배열 배열의 요소를 정렬하는 메서드 toSorted 배열 원본 배열을 변경하지 않고 새로운 정렬된 배열을 반환하는 메서드 sort 메서드 so...

   풀스택 개발, javascript

JavaScript 배열 순회 및 조작 메서드(forEach, map, filter, join)

메서드 사용 범위 설명 forEach 배열 배열의 각 요소에 대해 함수를 실행하는 메서드 map 배열 배열의 각 요소를 변환하여 새로운 배열을 생성하는 메서드 fil...

   풀스택 개발, javascript

JavaScript 배열 탐색 및 검사 메서드(includes,indexOf,findIndex,find)

메서드 사용 범위 설명 includes 배열과 문자열 배열과 문자열 내에 특정 요소가 포함되어 있는지 확인하는 메서드 indexOf 배열과 문자열 배열과 문자열 내에서 특정 요소의 첫 번째 인덱...

   풀스택 개발, javascript

스프레드(Spread)와 레스트(Rest) 매개변수

JavaScript의 Spread 연산자와 Rest 매개변수는 ES6(ECMAScript 2015)에서 도입된 문법으로, 둘 다 세 개의 점(...)으로 표기되지만, 용도와 동작 방식이 다릅니다. Spread 연산자 Spread 연산자(...)는 배열이나 문자열과 같이 반복 가능한(iterable) 객체를 각각의 요소로 분해하여 각 요소를 개별적으...

   풀스택 개발, javascript

원시 타입(Primitive)과 객체 타입(Object)

자바스크립트는 데이터 타입을 크게 원시 타입(Primitive Types) 과 객체 타입(Object Types) 으로 나눌 수 있습니다. 원시 타입은 변경 불가능한 값으로 단순한 데이터를 표현하며, 객체 타입은 변경 가능한 복합 데이터 구조를 나타냅니다. 원시 타입(Primitive Types) 원시 타입은 기본 자료형 타입이며, 변경 불가능한...

   풀스택 개발, javascript

구조 분해 할당 (Destructuring Assignment)

구조 분해 할당(Destructuring Assignment)은 배열이나 객체의 속성을 분해하여 개별 변수에 할당할 수 있게 하는 기능입니다. 이 기능은 한 곳에서 변수들을 선언하고 할당 받을 수 있어서 코드의 가독성을 높이는 데 유용합니다. 배열 구조 분해 할당 배열 구조 분해 할당을 사용하면 배열의 요소를 개별 변수에 할당할 수 있습니다. ...

   풀스택 개발, javascript

javascript의 객체(Object)

JavaScript의 객체(Object)는 다양한 데이터를 하나의 단위로 묶어 관리하는 복합 데이터 타입입니다. 객체는 속성(properties) 과 메서드(methods) 를 포함할 수 있으며, 이 두 요소를 통해 데이터를 표현하고 조작합니다. JavaScript는 객체 지향 프로그래밍(OOP) 언어의 특성을 지니고 있으며, 객체를 중심으로 프로...

   풀스택 개발, javascript

화살표 함수 (Arrow Function), 람다 (Lambda)

화살표 함수(Arrow Function) 란, ES6에서 도입된, 익명 함수를 간결한 문법으로 정의할 수 있는 기능을 말합니다. 저는 이를 람다 표현식이라고 부르기도 합니다. 문법 (매개_변수) => { 함수_몸체 } 함수 몸체는 한 줄로 작성할 수 있는 경우, 중괄호와 return 키워드를 생략할 수 있습니다. (param1, par...

   풀스택 개발, javascript

함수 표현식 (Function Expression)

자바스크립트(JavaScript)에서 함수 표현식(Function Expression)은 함수를 정의하고 할당할 수 있는 하나의 방법입니다. 함수 표현식은 일반적으로 함수를 변수에 할당하여 사용하는 방법을 말합니다. 함수 선언(Function Declaration)과는 다르게, 함수 표현식은 정의되기 전에 호출할 수 없습니다. 이는 자바스크립트의 ...

   풀스택 개발, javascript

호이스팅 (Hoisting)

호이스팅(Hoisting)은 변수와 함수의 선언이 해당 스코프의 최상단으로 끌어올려지는 행동을 말합니다. 호이스팅은 코드가 실제로 실행되는 순서와 다르게 동작할 수 있기 때문에 혼란을 줄 수 있습니다. 변수 호이스팅 JavaScript에서 변수는 var, let, const로 선언할 수 있습니다. 이 중 var로 선언된 변수는 호이스팅의 영향을...

   풀스택 개발, javascript

중첩 함수 (Nested Function)와 클로저 (closure)

중첩 함수(Nested Function)는 JavaScript에서 다른 함수 내부에 정의된 함수를 말합니다. 중첩 함수는 그 함수가 정의된 범위에서만 접근할 수 있으며, 이를 통해 특정 기능을 캡슐화하거나 정보를 숨길 수 있습니다. function outerFunction(outerVariable) { // 외부 함수의 변수 (매개 변수) ...

   풀스택 개발, javascript

javascript 연산자

JavaScript 연산자 표 연산자 설명 예제 (간단) + 덧셈 5 + 2 (결과: 7) - 뺄셈 5 - 2 (결과: 3) * 곱셈 5 * ...

   풀스택 개발, javascript

템플릿 리터럴 (Template Literals)

템플릿 리터럴(Template Literals)은 ES6(ECMAScript 2015)에서 도입된 문법으로, 문자열을 작성할 때 기존의 따옴표 대신 백틱(`)을 사용하여 보다 가독성이 좋고 유연하게 문자열을 다룰 수 있는 기능입니다. 템플릿 리터럴은 변수와 표현식을 포함할 수 있으며, 여러 줄 문자열을 쉽게 작성할 수 있습니다. 기본 문법 ...

   풀스택 개발, javascript