본문 바로가기

자바스크립트16

일급객체(First Class Object) , 일급함수(First Class Function) 란? 일급 객체 (일급 함수) 란? 프로그래밍 언어에서 함수를 값으로 다룰 수 있는 특성을 가진 함수를 말한다. 이는 함수를 변수에 할당하거나, 다른 함수의 인자로 전달하거나, 함수의 반환 값으로 사용 할 수 있는것을 의미한다. 일급함수를 가진 언어에서는 함수가 일반적인 데이터 타입처럼 취급 된다. 이는 함수를 생성하고 조작하고 전달하는 데, 좀 더 자유롭고 유연한 프로그래밍 스타일을 가능하게 한다. 1. 변수에 함수 할당 함수를 값으로 취급하여 변수에 할당 할 수 있다. const add = function (a, b) { return a + b; }; 2. 함수를 인자로 전달 함수를 다른 함수의 인자로 전달할 수 있다. function calculate(operation, a, b) { return ope.. 2023. 7. 4.
[Swiper] 스와이퍼 이벤트 리스트 정리 이벤트 이름 설명 init 슬라이드 쇼가 초기화될 때 발생합니다. slideChange 슬라이드가 변경될 때 발생합니다. slideChangeTransitionStart 슬라이드 변경 트랜지션 시작시 발생합니다. slideChangeTransitionEnd 슬라이드 변경 트랜지션 끝날 때 발생합니다. slideNextTransitionStart 다음 슬라이드로 이동할 때 발생합니다. slideNextTransitionEnd 다음 슬라이드로 이동한 후 트랜지션 끝날 때 발생합니다. slidePrevTransitionStart 이전 슬라이드로 이동할 때 발생합니다. slidePrevTransitionEnd 이전 슬라이드로 이동한 후 트랜지션 끝날 때 발생합니다. slideChangeTransitionStar.. 2023. 5. 10.
[TypeScript] Partial ,Pick , Omit 차이 Partial 이란? 유틸리티 타입으로, 특정 타입의 부분 집합을 정의 할 수 있다. Partial 타입 예제 코드 type Partial = { [P in keyof T]?: T[P]; } type Person = { name: string; age: number; address: string; } type PartialPerson = Partial; // PartialPerson은 // { // name?: string; // age?: number; // address?: string; // } // 과 같이 정의 된다. Pick 이란? 특정 타입에서 특정 값만 뽑아 새로운 타입으로 정의 할 수 있다. Pick 타입 예제 코드 type Pick = { [P in K]: T[P]; } type Per.. 2023. 2. 2.
[JavaScript] ID , Class 제어 Element.id Element.className Element.id 요소의 식별자를 나타내며, HTML의 전역적인 id 속성을 반영한다. Element.ClassName 특정 엘리먼트의 클래스 속성의 값을 가져오거나 설정할 수 있다. 사용 방법 Element.id = '아이디명' Element.className = '클래스명' 2022. 11. 27.
[JavaScript] 속성값 제어 Element.setAttribute() Element.setAttribute() 지정된 요소의 속성 값을 설정한다. 속성이 이미 있는 경우 값이 업데이트가 된다. 그렇지 않으면 지정된 이름과 값으로 새 속성이 추가된다. 사용 방법 Element.setAttribute("className", "클래스명"); Element.setAttribute("id", "아이디명"); Element.setAttribute("name", "이름"); Element.setAttribute("href", "#"); 2022. 11. 27.
[JavaScript] 클래스 제어 classList() classList() 엘리먼트의 클래스 속성의 컬렉션인 활성 DOMTokenList를 반환하는 읽기 전용 프로퍼티이다. classList 사용은 공백으로 구분된 문자열인 element.className을 통해 엘리먼트의 클래스 목록에 접근하는 방식을 대체하는 간편한 방법이다. 01. Element.classList.add() 클래스 추가 Element.classList.add('클래스명') // 클래스 하나 추가 Element.classList.add('클래스명a', '클래스명b', '클래스명c',) // 클래스 여러개 추가 02. Element.classList.remove() 클래스 제거 Element.classList.remove('클래스명') //제거 03. Element.classList.rep.. 2022. 11. 27.
[JavaScript] JSON(5) 구조분해 01. JSON에 대한 구조분해할당 (=비구조할당) 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. object 에는 {} 안에 명시된 항목과 동일한 key를 갖는 데이터가 존재해야한다. let obj = {num: 123, boolean: true}; let {num, boolean} = obj; console.log(num); // 42 console.log(boolean); // true 01-1. 구조분해를 활용하여 필요한 데이터만 추출하기 객체 안에 들어있지 않은 값을 입력하면, undefined 이 출력 된다. const data = {name:'hello' , age : 20 , height:172,weight:.. 2022. 11. 27.
[JavaScript] JSON(4) 참조복사 01. 참조복사 배열 , JSON 객체 끼리의 복사는 참조 처리 된다. 01-1. 일반 변수 끼리 복사하는 경우 원본이 변경 되어도 복사본에는 영향을 주지 않는 것을 알 수 있다. let a = 100; let b = a; console.log("a = " + a + ", b = " + b); // a = 100, b = 100 출력 a++; console.log("a = "+a+",b = " + b); //a = 101, b = 100 출력 01-2. 참조복사 (=앝은복사) 배열이나 JSON 원본을 수정하면 복사본도 함께 수정 된다. (반대의 경우도 마찬가지) const user = { name : "Lee" }; const member = user; console.log(user , member); .. 2022. 11. 27.
[JavaScript] 배열(array) 총합 , 평균 구하기 01. 배열 총합 구하기 총 합을 구할 때는 항상 누적 합산을 수행 할 변수를 0으로 초기화 해놓고 반복문을 수행해야 한다. const data = [10,20,30,40,50]; let sum = 0; //배열에 모든 원소에 대한 반복문 구성 for(let i = 0 ; i < data.length; i++) { // i번째 원소를 sum에 누적 합산 sum += data[i] } console.log("data의 총합 : %d" , sum); // data의 총합 : 150 1-1. 배열.length 배열 안에 있는 원소들의 숫자를 반환 한다. const data = [10,20,30,40,50]; console.log( data.length;) // 5 02. 총합의 평균 구하기 평균은 총 합을 구.. 2022. 11. 27.
728x90

티스토리툴바