스프레드 연산자(...)를 사용하면 배열이나 객체의 요소를 하나하나 분해하여 이를 함수의 인자로 사용하거나 배열 요소, 객체 속성으로 펼쳐서 사용할 수 있게 해 준다. 이는 데이터 복사, 합치기 등의 작업을 매우 간결하게 처리할 수 있게 도와준다!  말로 들으면 잘 이해가 안가는데, 코드를 보면 아주 확실히 알 수 있다.   배열의 스프레드 기존 방식 let arr1 = [1, 2, 3];let arr2 = [4, 5];// arr1과 arr2를 합치기let combinedArr = arr1.concat(arr2);console.log(combinedArr); // [1, 2, 3, 4, 5] 스프레드 연산자 사용 let arr1 = [1, 2, 3];let arr2 = [4, 5];// arr1과 ar..

[목표]받아온 데이터를 생성 된 html에 값을 할당해 데이터의 수 만큼 복제하고 싶다!   [html 생성]아래와 같이 html이 있다고 하쟈   [script 구현] makeList 라는 함수를 정의해서 저기에 데이터를 넣으면 바로 실행 되게 해주자 function makeList(data) {let $clone = gb_2.$html.clone(); //복사할 개체를 선택해서 $clone 이라는 걸 만들어준다 for (var i = 0; i ]

[역할]filter 메서드는 JavaScript의 배열 메서드 중 하나로, 주어진 조건에 따라 배열의 요소들을 필터링하여 새로운 배열을 반환한다. 이 메서드는 원본 배열을 변경하지 않고, 조건에 맞는 요소들로 이루어진 새로운 배열을 생성하는 특징이 있다. [구조] let newArray = array.filter(callback(element[, index[, array]])[, thisArg]); 매개변수callback(element[, index[, array]]): 배열의 각 요소에 대해 호출되는 함수.element: 현재 처리 중인 요소.index (선택적): 현재 처리 중인 요소의 인덱스.array (선택적): filter 메서드가 호출된 배열 자체.thisArg (선택적): callback 함..

[position] position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성으로 상속되지 않는다. 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right) 의 위치를 같이 설정 할 수 있다. [종류] static : 기본값으로 위치를 지정하지 않을 때 사용한다. relative : 위치를 계산할때 static의 원래 위치부터 계산한다. absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. 단, 가장 가까운 상위 요소를 기준으로 위치가 결정 된다. fiexd : 원래 위치와 상관없이 위치를 지정할 수 있다. 하지만 상위 요소에 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치를 설정 할 수 있다. 브라우저 화면의 상대 위치를 기준으로 위치가 결정된다.