JavaScript

자바스크립트 공부했을때 잘 이해가 안가던 매개변수와 인자..!나와 같은 사람들을 위해 아주 쉽게 풀어서 정리를 해보겠다.함수에게 필요한 정보를 전달하는 역할함수 정의 시에 사용되는 변수로, 함수가 받아야 하는 정보의 형태를 나타냄함수를 호출할때 함수에 전달되는 값함수를

객체(object) 란? > 원시 타입이 아닌 객체 타입의 자료형, 여러가지 값을 동시에 저장할 수 있는 자료형을 의미 객체 생성 객체 프로퍼티(속성) kay : value, key : value, ...

참이나 거짓을 의미하지 않는 값도, 조건문 내에서 참이나 거짓으로 평가하는 특징let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN;let f6 = "";let f7 = 0n;7가지 Falsy 한 값

배열 또는 객체를 분해하여 변수에 할당하는 방법장점)1\. 간결한 문법2\. 가독성 향상3\. 기본값 설정 가능다음과 같은 객체가 있다.구조 분해 할당을 사용하여 'person'의 객체의 키와 값을 추출하여 변수에 할당할 수 있다.객체를 생성하고 각 속성에 값을 할당

첫번째 피연산자 값으로 연산의 결과를 확정할 수 있다면, 두번째 피연산자의 값에는 접근하지 않는 자바스크립트의 특징ex1)ex2)

Rest 매개변수는 뒤에 추가적인 매개변수를 작성하지 못한다. ...[변수명] 즉 ...뒤에 붙는 이름은 내가 정해주면 된다.

참고하면 좋은 객체 포스팅 (https://velog.io/@sooxpak/JavaScript-%EA%B0%9D%EC%B2%B4)값 자체로써 변수에 저장되고 복사 된다불변값이다 (메모리에 저장된 값 수정 x)참조값을 통해 변수에 저장되고 복사된다가변값이다(메모

배열 순회 방법 1. 배열 인덱스 2. for of 객체 순회 방법 1. Object.keys 사용 객체에서 key 값 들만 뽑아서 새로운 배열로 반환 2. Object.values 객체에서 value 값 들만 뽑아서 새로운 배열로 반환 3. for in

특정 요소의 인덱스(위치)를 찾아서 반환하는 메서드

1. Date 객체를 생성하는 방법 2. 타임 스탬프 특정 시간이 "1970.01.01 00시 00분 00초" (UTC) 로 부터 몇 ms가 지났는지를 의미하는 숫자값 3. 시간 요소들을 추출하는 방법 4. 시간 수정하기 5. 시간을 여러 포맷으로 출력하기

여러개의 작업을 순서대로, 하나씩 처리하는 방식작업을 순서대로 처리하지 않음 비동기의 단점을 보완할 수 있음다른 함수의 인자로써 이용되는 함수 또는 어떤 이벤트에 의해 호출되는 함수

Promise > 비동기 작업의 성공 또는 실패에 대한 결과를 나타내는 객체 promise state) > 대기(Pending) : 약속이 아직 이행되지 않은 상태 이행(Fulfilled) : 약속이 이행되어 성공적으로 완료된 상태 거부(Rejected) : 약속

어떤 함수를 비동기 함수로 만들어주는 키워드함수가 프로미스를 반환하도록 변환해주는 키워드async 함수 내부에서만 사용이 가능한 키워드비동기 함수가 다 처리되기를 기다리는 역할async/await 방식의 코드가 더 간결하며 가독성이 좋음 참고 : https:

자바스크립트에는 변수를 선언하는 3가지 방법이 있다.1\. Const 변하지 않는 값인 "상수"를 선언할 때ex) const myGender = "Male";2\. let & var 변하는 값인 "변수"를 선언할 때let은 ES6에 나온 문법으로, var 지양 let

element.scrollWidth - window.innerWidth: 브라우저 창에 대해 콘텐츠가 얼마나 넘치는지를 나타냅니다. element.scrollWidth - element.offsetWidth: 특정 요소의 가시 너비를 초과한 콘텐츠 크기를 나타냅니다.

class는 object 뽑는 기계\-게임 정보 제공 사이트를 만들어서 게임에 등장하는 캐릭터를 정리해서 보여주고 싶다.\-JS자료형에다가 먼저 정보를 담아야겠는데?=> 어느 세월에 하나하나 다 만들어?

리액트로 만들고 싶었지만 머릿속 백지장 이슈로 자바스크립트로 먼저 제작하였다=> 함수로 정의하지 않고, target.name === "calorie" 일 때만 실행 가능한 구문으로 변경하였다.=> producer, season, calorie를 기준으로 데이터를 필터링

Infinity와 사용 가능 map()과 flat(1)을 합친 기능

https://webpack.js.org/ 모듈 : 코드의 재사용이나 유지보수를 위해 여러개로 분리한 자바스크립트 파일 but 개발 편의성을 위해 모듈을 계속 분리하게 되면 페이지 로딩시간 길어짐. -> a.js -> b.js -> c.js -> d.js 이를

주의: 같은 키(b)가 있으면 뒤의 값(obj2의 값)이 덮어씀.빈 객체 {}에 original의 내용을 복사해서 완전히 독립적인 복사본을 만듦. target 객체가 바로 수정됨 1\. 얕은 복사만 가능 :중첩된 객체(예: 객체 안의 객체)는 주소값만 복사됨중첩된 객체

얕은 복사 는 여기서 ☑️깊은 복사를 사용하면 중첩된 객체까지 복사해서 원본을 안전하게 보호할 수 있다.structuredClone()은 중첩된 객체를 포함한 깊은 복사를 지원한다.structuredClone()은 브라우저와 \*Node.js 버전이 최신일 때 사용할

Object.keys()Object.values()Object.entries

배열의 일부 요소를 복사해서 같은 배열 안의 다른 위치로 이동시킴 *기존 배열의 크기를 변경하지 않고 제자리에 복사한다는 점이 특징 ✅ 사용법 target: 복사된 요소를 붙여넣을 위치의 인덱스 (필수) start: 복사를 시작할 위치의 인덱스 (기본값: 0) e

callback: 각 배열 요소에 대해 실행할 함수callback 함수는 4개의 인자를 가진다.accumulator: 이전 함수 호출의 반환값currentValue: 현재 처리 중인 배열 요소currentIndex: 현재 처리 중인 배열 요소의 인덱스(선택 사항)arr

this 설정: 둘 다 특정 객체를 this 로 설정하여 함수를 호출할 수 있다.함수 실행: 호출 즉시 실행(즉, 정의만 하지 않고 바로 실행)사용 대상: 함수 객체에 직접 사용문법: function.call(thisArg, arg1, arg2, ...)인수를 개별적으

👉 원본 배열이 변경되지 않음

조건에 맞는 요소가 없으면 undefined 를 반환2022년(es13)도입findLastIndex() 와 차이 : findLastIndex는 주어진 조건에 맞는 “마지막 인덱스”를 반환value값을 배열로 가질 떄배열 요소 순서가 바뀌었을 때

👉 스코프 → 클로저 \*함수는 자바스크립트에서 클로저 역할을 하기 때문에 스코프를 생성하므로 함수 내에 정의된 변수는 외부 함수나 다른 함수 내에서는 접근 할 수 없다.\*선언된 변수에 대해서 접근할 수 있는 유효한 범위를 의미한다. 만약, 변수가 해당 스코프에 존