var 중복 선언o (마지막에 할당된 값) var a; ( 선언만 한경우 :초기화x) 일경우 선언문이 무시됨(오류x) var로 변수 선언시 함수 내부에서만 유효("지역변수 취급") if,for문 에서는 "전역 변수"로 취급 변수 호이스팅 발생 console.log(a); // undefined var a = 10; console.log(a); // 10 let,const 중복 선언x (에러) 함수내부,if,for문 모두 "지역변수" 취급 변수 호이스팅 발생 (다른방식) var , let 값의 "재할당" 가능 (중복선언과는 다름) var a= 10; a=20; console.log(a) //20 const 값의 재할당 불가 ( 처음 선언시 초기값 필수) , 상수취급 선언과 동시에 초기화 해야함 블록레벨 스..

익명함수/ 화살표 함수의 정의 ->자바스크립트에서 함수를 선언하는 두가지 방법 익명 함수 는 이름이 없는 함수로, 주로 콜백 함수나 함수 표현식으로 사용. 함수를 변수에 할당하거나 다른 함수에 전달할 때 주로 익명 함수를 사용, let sum = function (a, b) { return a + b; }; // 또는 someFunction(function() { console.log("익명 함수"); }); 함수 표현식으로 변수에 할당되므로 변수명을 통해 함수를 호출하거나 참조. 함수 표현식은 런타임에 할당되기 때문에 함수 선언 전에 호출하면 오류가 발생 화살표 함수 화살표 함수는 ES6 (ECMAScript 2015)에서 도입된 새로운 함수 선언 방식. 주로 간단한 표현식을 갖는 함수를 간결하게 작성..

`classList`는 DOM 요소의 클래스를 다루기 위한 속성 이 속성은 해당 요소에 할당된 클래스 목록을 나타내며, 클래스를 추가,제거하고, 특정 클래스의 존재 여부를 확인하는 등의 작업을함 `classList` 속성은 다음과 같은 메서드가 있다. 1. `add(class1, class2, ...)`: 하나 이상의 클래스를 요소에 추가 2. `remove(class1, class2, ...)`: 하나 이상의 클래스를 요소에서 제거 3. `toggle(class, force)`: 특정 클래스를 요소에 추가하거나 제거, toggle 의경우, 만약 `force` 매개변수가 `true`이면 클래스를 강제로 추가하고, `false`이면 강제로 제거 그렇지 않으면 클래스의 존재 여부를 토글 4. `contain..

rest 파라미터 JavaScript에서 rest 파라미터는 함수의 매개변수로서 사용됨 나머지 매개변수들을 배열로 수집 ... 문법을 사용하여 정의, 함수의 마지막 매개변수여야함 일반적으로 함수 정의에서 나머지 매개변수를 나타내는데 사용됨 ...rest 뿐만 아니라 ...any 도 사용 가능함 변수명처럼 동작을 하게됨, 이름이 rest 일 필요는 없다.

스프레드 연산자 하나로 뭉쳐있는 값들을 전개해줌 ... - 객체안에 새로운 속성인 hobby를 만들고 그안에 또 새로운 객체를 삽입 , 결과는 객체 obj 안에 새로운 속성인 hobby라는 키에 또 새로운 객체가 담기게됨 얕은복사 새로운 객체에 또 two라는 객체에 접근가능, 거기서 two 객체의 값을 'watching movie ' 로 변경했더니 객체 obj의 값인 two 의 값 'playing game' 이 'watching movie'로 변경 되었음 얕은 복사 라고함 주소값까지만 복사하는 얕은복사, 실제데이터 까지만 복사하는 깊은 복사 두가지가 있음 참조타입 복사 참조 타입의 복사: 원본데이터에 영향을 줌 힙이라는 메모리에는 유동적으로 크기가 변하는 데이터들이 존재하게 됨 참조 타입을 사용시 다음과..

자바스크립트 : 동기 (비동기 작업도 가능 ) 비동기 함수 : 다른코드의 실행을 기다리지않고 먼저 실행되는 코드 ( 콜백큐로 들어감 ) 콜스택이 전부 비워지면 콜백큐에 있던 함수가 콜스택으로 들어가게되고 그때 다시 데이터를 출력 하게됨 콜스택의 함수-> 콜백큐 프로미스 객체 자바스크립트의 코드보다 서버는 느릴 수 밖에 없음 아직 응답받지 못한 데이터(돌려받을 데이터 ) 를 미래에 어떤 시점에 결과를 제공하겠다는 의미 promise 객체의 3가지 상태 대기(pending) : 이행하지도, 거부하지도 않은 초기 상태 이행(fulfilled) : 연산 성공 거부(rejected) : 연산 실패 사용방법 (.then, .catch, .finally) - Promise를 만든후 , 사용할 때는 then, catc..