JavaScript (4) 썸네일형 리스트형 깊게 들어가는 const const.... 임마는 상수를 선언할 때 사용한다 상수는 변경되지 않는 값 이고 한번 어떤 값을 할당하면 다른 값 재할당이 불가능하다 CODE 1 const a = 1 a = 2 //TypeError: Assignment to constant variable. 그래서 위 코드를 보면 첫번째 줄의 a에 값 1을 할당하였고 두번째 줄에서 값 2를 재할당하였다 a는 const로 선언되었기 때문에 당연히 타입에러가 난다 이번에는 이 코드를 봐보자 CODE 2 const obj1 = { a: 1, b: "abc" }; obj1.a = 2 //에러 없어요~~ CODE 1과 마찬가지로 const로 선언해 주었는데 다른 점은 CODE 1에서는 원시값을 할당 해 주었고 이번 코드에서는 객체,그러니까 참조값을 할당 해 .. 자바스크립트 배열 배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다. 배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다. https://poiemaweb.com/js-array 위 인용문처럼 자바스크립트 배열은 인덱스 번호를 키로 가지는 객체이다 const arr=[1,2,3] console.log(Object.getOwnPropertyDescriptors(arr)) getOwnPropertyDescriptors함수를 통해 확인해 볼 수 있다. 배열에는 상속 될 수 있는 값인 prototype이란 프로퍼티가 존재한다 이를 통해 우리는 arr배열에서 push,pop같.. 디바운스와 쓰로틀링 디바운스와 쓰로틀링은 둘다 이벤트 처리를 제어하기 위해 사용되는 기술이다. 둘 다 연속적인 이벤트 발생을 제어하여 성능 개선이나 사용자 경험 향상을 위해 활용됨. 그러나 사용 목적과 동작 방식에 차이가 있습니다. 디바운스: 디바운스는 연속적인 이벤트 발생 시, 일정 시간 동안 마지막 이벤트만 처리하도록 제어하는 기술 디바운스를 적용하면 사용자가 연속해서 키를 입력할 때마다 쿼리를 전송하는 대신, 마지막 키 입력 이후 일정 시간 동안 대기한 후 한 번만 쿼리를 전송함. 이를 통해 불필요한 서버 요청을 줄이고 성능을 개선할 수 있다. 디바운스 코드 import { useState } from "react" export default function Debounce(){ const [text,setText]=.. [JS] var,let,const 의 차이 var 1.전역에서 선언된 변수는 전역스코프(window 객체)에 저장됨 2.함수스코프를 따름 -함수 내에서 선언된 변수는 해당 함수 내에서만 사용가능하고(해당 함수스코프에 저장) if문이나 for문 같이 블록스코프 안에서 선언된 var는 전역변수로 취급(전역스코프에 저장) -전역함수 외부에서 선언된 변수는 모두 전역변수이다 이는 전역변수 남발 할 가능성 높임 var hello='hello' function fn1(){ var hi='hi' } console.log(hello) //전역에서 선언되었으므로 전역 스코프에 저장됨 console.log(hi) //함수 내에서 선언되었으므로 로컬 스코프에 저장됨,오류 3.중복선언과 값 재할당 가능 var first='first' var first='second'.. 이전 1 다음
