본문 바로가기

분류 전체보기

(185)
JAVASCRIPT ) 배열 고차 함수 자바스크립트에서 배열 고차 함수(Higher-Order Functions)란 다른 함수를 인자로 받거나 또는 함수를 반환하는 함수를 의미합니다. 대표적인 배열 고차 함수에는 map, filter, reduce, forEach, some, every 등이 있습니다. 1. forEach()forEach()는 배열의 각 요소에 대해 주어진 함수를 실행합니다. 단, 값을 반환하지 않습니다(즉, 배열을 변경하거나 새 배열을 반환하지 않음).const numbers = [1, 2, 3, 4];numbers.forEach(function(num) { console.log(num); // 각 요소를 콘솔에 출력});  forEach()는 배열의 각 요소를 반복하며 함수(callback)를 실행하지만, 배열을 변환하지..
JAVASCRIPT ) 디스트럭처링 자바스크립트에서 **디스트럭처링(destructuring)**은 배열이나 객체의 값을 쉽게 추출하여 변수에 할당할 수 있는 문법입니다. 이 문법을 사용하면 코드가 간결해지고, 데이터를 처리하는 것이 훨씬 직관적이 됩니다. 1. 배열 디스트럭처링배열의 요소들을 쉽게 변수로 할당할 수 있습니다.const arr = [1, 2, 3];// 배열 디스트럭처링const [a, b, c] = arr;console.log(a); // 1console.log(b); // 2console.log(c); // 3  값 무시하기: 배열에서 특정 값만 필요할 때, 쉼표로 무시할 수 있습니다.const arr = [1, 2, 3, 4];const [first, , third] = arr;console.log(first); //..
JAVASCRIPT ) Spread 문법 자바스크립트의 Spread 문법(...)은 배열이나 객체의 요소나 속성을 펼쳐서 새로운 배열이나 객체를 생성할 때 사용되는 문법입니다. Spread 문법은 다양한 상황에서 간편하게 데이터를 다룰 수 있게 해주며, 배열과 객체에 주로 사용됩니다. 1. 배열에서의 Spread 문법배열의 각 요소를 펼쳐서 새로운 배열을 만들 수 있습니다. 배열 복사Spread 문법을 사용하여 배열을 간단히 복사할 수 있습니다. (깊은 복사는 아님)const arr1 = [1, 2, 3];const arr2 = [...arr1];console.log(arr2); // [1, 2, 3]  배열 결합 const arr1 = [1, 2];const arr2 = [3, 4];const combined = [...arr1, ...arr..
JAVASCRIPT ) Rest 파라미터 Rest 파라미터는 이름 그대로 먼저 선언된 파라미터에 할당된 인수를 제외한 나머지 인수들이 모두 배열에 담겨 할당된다.따라서 Rest 파라미터는 반드시 마지막 파라미터여야 한다.Rest 파라미터는 ... 으로 사용한다. function foo(v1, v2, ...v3){ document.write(v1 +""); //1 document.write(v2 +""); //2 document.write(v3 +""); //3,4,5}foo(1,2,3,4,5);  Rest 파라미터의 주요 특징가변 인자 처리: Rest 파라미터는 함수에 전달되는 가변 인자(정해지지 않은 개수의 인자들)를 배열로 묶어줍니다.function sum(...numbers) { return numbers.reduce((..
JAVASCRIPT ) 클로저 Closure 클로저는 함수를 콜 할 때 마다 값이 초기화되는것을 방지하고 값을 살아있게 만드는 개념입니다.클로저는 함수가 외부 함수의 변수에 접근할 수 있는 기능을 제공하며, 외부 함수가 실행을 끝낸 후에도 그 외부 변수들에 접근할 수 있는 기능을 유지합니다. function aF(){ let myV = 1004; function aaa(){ myV++; document.write(myV); } return aaa; ///aaa함수를 리턴값으로}let hohoho = aF(); //af()를 호출했으니까 myV는 계속 살아있는거임hohoho(); //aaa가 함수기때문에 호출가능 ---> 클로저함수hohoho();hohoho();hohoho(); 위 코드에서 aaa..
JAVASCRIPT ) 자료구조 데이터 프로세싱자료처리(데이터 프로세싱)란 수학적 방법을 통해무의미한 데이터를 유의미한 데이터로정렬되지않은 데이터를 정렬된 데이터로의사결정을 할 수 없는 데이터를 의사결정이 가능한 데이터로만드는 과정  자료구조  Stack - LIFO (Last In Frist Out) : 자료의 역전자료를 넣는 행위를 push, 꺼내는 행위를 pop이라고 칭한다.Queue - FOFO (First In Frist Out) 구조자료를 넣는 행위를 push, 꺼내는 행위를 shift라고 칭한다.linearQ - 순환되지않는 구조circleQ - 순환 구조buffer(성능100%일때 성능저하를 막는 목적)나 cache(성능이100%일때 성능을 끌어올리는 목적)도 Queue의 형태이다.Deck(Deque) - 양방향 구조 S..
JAVASCRIPT ) class class문은 설계도 이다.class는 속성과 메소드로 구성되어있다.new 에 넘기는 매개변수는 변하지않을 고유의 값만 넘겨야한다.Class 객체에서 변할수 있는 속성값을 매개변수로 넘기면 안된다.문법적으로는 constructor를 생략하고 인스턴스를 생성한 이후에 속성을 동적으로 추가할 수도있지만 세상에 속성이 없는 객체는 없기에 의미론적으로는 반드시 constructor를 입력해야한다. class(설계도)를 이용하여 생성한 객체를 인스턴스(instance)라고 한다. class humanBeing { constructor(name){ // 여기 안에 들어가는 속성들을 클래스필드라고 부름 this._name = name; } speak(){ alert('내 이..
HTML ) get방식 / post방식 a.html에서 입력받은 값을 b.html로 넘기는 방법은 get과 post 방법 뿐이다.  get방식은 url에 데이터를 넣어 넘기고 post방식은 body에다가 데이터를 넣어 넘긴다.action에는 넘길 페이지를 입력하며 input에 name값이 있어야 넘길 수 있다.  First name: Last name: 값 전송  First name: //네임이 들어가있어야 넘길수있다. Last name: 값 전송