map 함수

map 함수 1. map( ) 함수 - 배열(Array)의 각 요소에 대해 주어진 함수를 호출하여, 새로운 배열을 생성하는 함수 2. map( ) 함수 구문 - function : 배열의 각 요소에 대해 실행될 함수 (3개의 매개변수를 가짐) - currentValue : 현재 처리 중인 요소의 값 - index : 현재 요소의 인덱스 - array : map( ) 함수가 호출된 배열 자체 - thisArg : function 내부에서 사용할 this의 값 (선택사항) array.map(function(currentValue, index, array) { // 변환 또는 가공 작업을 수행하는 코드 }, thisArg); 3. 예시 const numbers = [1,2,3,4,5]; const twiceN..

• format_list_bulleted Front-End Study/JavaScript
• · 2023. 8. 7.
• textsms

setTimeout 함수

setTimeout 함수 1. setTimeout 함수 - 비동기적인 실행을 할 때, 사용되는 타이머 함수 - 특정 코드 블록을 지정된 시간 후에 실행할 수 있음 2. setTimeout 함수의 구문 - callback : 지연 후 실행될 함수 - delay : 실행을 지연시킬 시간을 밀리초 단위로 정수값으로 지정 - arg1, arg2, ... : 콜백 함수에 전달할 인수들 setTimeout(callback, delay, arg1, arg2, ...); 3. 예시 function hello() { console.log("실행3"); } // 실행3은 바로 실행되지 않고, 3초 뒤에 실행됨 setTimeout(hello, 3000); console.log("실행1"); console.log("실행2")

• format_list_bulleted Front-End Study/JavaScript
• · 2023. 7. 27.
• textsms

타이머 함수

타이머 함수 1. 타이머 함수 - 특정 시간에 코드를 실행하거나 일정한 간격으로 코드를 반복 실행하는 기능 제공함 2. setTimeout 함수 - 일정 시간 경과 후, 특정 코드 블록 or 함수를 실행하는 기능 제공함 setTimeout(callback, delay); - callback : 지정된 시간이 경과 후, 실행할 콜백 함수 - delay : 콜백 함수를 실행하기까지의 지연 시간을 밀리초(Millisecondes) 단위로 나타냄 (지연 시간 후, 콜백 함수 실행) - clearTimeout(id) 함수를 사용하여 실행되고 있는 timeout을 중지 - 예시 - setTimeout 함수로 인하여 그 뒤의 console.log가 먼저 실행한 후, 지연시간 4초 뒤에 Callback함수에 있는 a ..

• format_list_bulleted Front-End Study/JavaScript
• · 2023. 5. 15.
• textsms

클로저 (Closure)

클로저 (Closure) 1. 클로저 (Closure) - 외부 변수를 기억하고, 이 외부 변수에 접근할 수 있는 함수 - 자바스크립트의 함수와 그 함수가 선언될 때의 환경으로 이루어짐 console.clear(); function countFunction(num) { var count = num; function Increase() { count++; console.log(count); } return Increase; } var counter1 = countFunction(0); var counter2 = countFunction(5); counter1(); counter2(); - 결과를 보면, counter1( ) 함수의 값은 1이고, counter2( ) 함수의 값은 6임 → 그 이유는 coun..

• format_list_bulleted Front-End Study/JavaScript
• · 2022. 12. 22.
• textsms

메서드와 this

메서드와 this 1. 메서드 (method) - 함수가 객체의 속성 값이 될 경우 그 함수를 메서드라고 함 - 다음과 같이 첫 번째 Hello World는 a( ) 함수, 두 번째는 바인드된 메서드로 호출된 것 function a() { console.log('Hello World'); } var b = {name : 'object', method : a}; a(); b.method(); 2. this - 함수가 호출되었을 때, 어떤 객체에 바인드된 속성으로 호출된 것인지를 보여 줌 - this는 예약어임 ※ 예약어 : 프로그래밍 언어에 미리 정의된 키워드

• format_list_bulleted Front-End Study/JavaScript
• · 2022. 12. 22.
• textsms

객체(object)

객체(object) 1. 객체(object) - 이름과 값으로 구성된 프로퍼티(property)의 정렬되지 않은 집합 ※ 프로퍼티(property) : 필드(데이터 멤버)와 메소드 간 기능의 중간인 클래스 멤버의 특수한 유형 2. 객체 생성 - var 변수명 = { } - { }는 객체를 변수 외부에 생성하고 주소값을 리턴한다는 의미 - 즉 변수에는 객체가 아닌 주소값이 저장됨 - 변수명.프로퍼티명 = 프로퍼티값 - 주소값을 이용해서 실체(객체)에 접근하여 프로퍼티를 만들고 값을 넣음 // Example 1 // 객체 생성 var 사람1 = {}; // 값을 넣음 사람1.이름 = '홍길동'; 사람1.나이 = '21'; // 출력 console.log('사람1 이름 : ' + 사람1.이름); // 사람1 ..

• format_list_bulleted Front-End Study/JavaScript
• · 2022. 11. 4.
• textsms