[JS] 나머지 매개변수(Rest Parameter)와 전개 연산자(Spread Operator)

안녕하세요. 오늘은 나머지 매개변수와 전개 연산자에 대해 포스팅하겠습니다.   나머지 매개변수(Rest Parameter)나머지 매개변수란?함수의 인수를 처리하는 데 사용됨매개변수 목록 중 나머지 인수들을 배열로 모아서 함수 내에서 사용할 수 있게 해줌 사용법함수 정의에서 매개변수 목록의 마지막에 '...'를 붙여 사용함전달된 나머지 인수들은 배열 형태로 묶여서 함수 내에서 처리됨function multiply(multiplier, ...numbers) { return numbers.map(number => miltiplier * number);}console.log(multiply(2, 1, 2, 3)); // [2, 4, 6]위 코드에서 첫 번째 인수는 muitiplier로 사용되고 나머지 인수..

• format_list_bulleted Languages/JavaScript
• · 2024. 9. 12.
• textsms

[JS] for ...in, for ...of의 차이점 정리

안녕하세요. 오늘은 유튜브 코드팩토리님의 자바스크립트 강의 영상을 일부 참고하여 for ..in, for ...of의 차이점에 대해 작성하도록 하겠습니다.   자바스크립트에서는 배열이나 객체의 반복을 위해 사용하는 두 가지 반복문 for ...in, for ...of이 있습니다.for ...in객체의 속성을 반복할 때 사용객체의 모든 열거 가능한 속성 키를 순회하며 배열에서도 사용할 수 있지만 인덱스 값을 반환함예시1) 객체에서 사용const yuJin = { name : '안유진', year : 2003, group : '아이브'};for (let key in yuJin) { console.log(key); // name, year, group (객체의 키)};여기서는 객체 yuJ..

• format_list_bulleted Languages/JavaScript
• · 2024. 9. 9.
• textsms

[JS] 호이스팅(Hoisting)

안녕하세요. 오늘은 자바스크립트의 호이스팅에 대해 포스팅하도록 하겠습니다. 호이스팅(Hoisting)이란?자바스크립트에서 변수 선언과 함수 선언이 실제 코드가 실행되기 전에 코드의 최상단으로 이동된 것처럼 동작하는 현상을 의미합니다. 하지만 호이스팅은 실제로 코드의 물리적인 이동을 의미하지 않으며 내부적으로는 자바스크립트가 실행 전에 변수와 함수의 선언을 미리 처리하는 방식입니다.이로 인해서 선언된 변수를 그 선언문보다 앞서 참조할 수 있지만 변수의 값은 초기화된 값이 아닌 기본 값을 얻게 됩니다. 변수의 경우 'var' 키워드로 선언된 변수는 'undefined'로 초기화되고 함수 선언은 코드 어디에서든 호출할 수 있게 됩니다.  변수 선언의 호이스팅'var'로 선언된 변수는 호이스팅이 발생하며, 선언..

• format_list_bulleted Languages/JavaScript
• · 2024. 9. 9.
• textsms

[JS] 비동기 프로그래밍(3) : Async/Await

안녕하세요. 오늘은 자바스크립트 Async/Await에 대해 알아보도록 하겠습니다. (유튜브 '코드팩토리'님의 강의 일부를 참고하였습니다.)   Async/Await란?자바스크립트에서 비동기 코드를 동기 코드처럼 작성할 수 있게 해주는 문법이며, 'async'와 'await' 키워드는 프로미스(Promise)와 함께 사용되며 비동기 작업의 결과를 기다린 후 코드를 계속 실행할 수 있게 해줌 asyncasync 키워드가 붙은 함수는 항상 프로미스를 반환함함수 내에서 await를 사용하여 비동기 작업이 완료될 때까지 기다릴 수 있음awaitasync 함수 내에서만 사용할 수 있으며 프로미스가 이행(fulfilled)되거나 거부(rejected)될 때까지 기다림await는 프로미스의 이행 결과를 반환하거나, ..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 23.
• textsms

[JS] 비동기 프로그래밍(2) : 프로미스(Promise)

안녕하세요. 오늘은 콜백지옥을 타개하기 위해 나온 자바스크립트 프로미스에 대해 알아보도록 하겠습니다. (유튜브 '코드팩토리'님의 강의 일부를 참고하였습니다.)   프로미스(Promise)란?비동기 작업의 최종 완료 또는 실패를 나타내는 자바스크립트 객체프로미스는 비동기 작업이 완료될 때 결과 값을 반환하거나 작업이 실패할 경우 에러를 전달함 프로미스 상태 3가지대기(Pending) - 초기 상태로, 이행하거나 거부되지 않은 상태이행(Fulfilled) - 작업이 성공적으로 완료된 상태거부(Rejected) - 작업이 실패한 상태const promise = new Promise((resolve, reject) => { setTimeout(() => { resolve('완료'); },..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 23.
• textsms

[JS] 비동기 프로그래밍(1) : 콜백 함수(Callback Function)

안녕하세요. 오늘은 자바스크립트 비동기 프로그래밍 함수인 콜백 함수에 대해 알아보도록 하겠습니다.   콜백 함수란?다른 함수에 매개변수로 전달되어 나중에 실행되는 함수즉, 특정 작업이 완료되거나 특정 이벤트가 발생했을 때 호출되는 함수를 의미함function greeting(name) { console.log(`Hello, ${name}!`);}function userInput(callback) { const name = "뭉이"; callback(name);}userInput(greeting); // Hello, 뭉이!위 코드에서 'greeting' 함수는 콜백 함수로 사용되고, 'userInput' 함수는 매개변수로 콜백 함수를 받아 이를 호출하여 'greeting' 함수를 실행함   콜백 함수..

• format_list_bulleted Languages/JavaScript
• · 2024. 8. 23.
• textsms