jingyulog

얕은 복사: 주소값까지만 복사 let copyObj = { ...obj } let copyArr = [ ...arr, ...secArr ] 깊은 복사: 실제 데이터까지 복사 JSON 데이터 포맷을 사용해서 전혀 새로운 객체 생성 let origin = { name: "user", age: 20, favoriteFood: { first: "sushi", second: "hamburger" } } const copy = JSON.stringify(origin) const deepCopy = JSON.parse(copy)

하나로 뭉쳐있는 값들의 집합을 전개해주는 연산자 ... const arr = [ 1,2,3,4,5 ] console.log(...arr) // 1,2,3,4,5 const str = "hello" console.log(...str) // 'h','e','l','l','o' const obj = { name:"user", gender:"male" } const copyObj = {...obj}

구조화 되어있는 배열, 객체와 같은 데이터를 destructuring 시켜서 각각의 변수에 담는 것 iterable 한 경우 ( 배열 ) let arr = [ 1, 2 ] let [ one, two ] = arr 객체의 경우 - key를 토대로 let obj = { name: "user", gender: "male" } let { name, gender } = obj let { name: newName, gender: newGender } = obj

호이스팅 정의 : 함수, 변수의 선언이 마치 위로 끌어올려진 것처럼 동작하는 것을 이야기한다. 동작 이유 : JavaScript가 코드를 해석하고 실행하는 과정과 내부적인 변수의 선언, 할당 과정 때문이다. 동작 과정 JavaScript는 코드를 실행하기 전에 먼저 선언된 변수, 함수 등을 전역 환경에 담아두게 된다. 이후에 정리된 코드를 실행하는 과정을 수행 변수 선언 단계 선언 단계 선언한 변수를 식별자가 담기는 객체에 할당하는 단계 초기화 단계 변수에 할당할 메모리 공간을 부여하는 단계 할당 단계 정의된 변수에 데이터가 할당되는 단계 TDZ ( Temporal Dead Zone ) let 과 const 는 선언 단계와 초기화 단계가 분리되어 실행되고, 그 사이에 TDZ가 존재한다. 따라서 초기화 단..

DOM 이란? Document Object Model 의 줄임말 브라우저가 HTML 문서를 parsing 하는 과정에서 생겨나는 객체 웹 브라우저가 정적인 웹 페이지를 변경하거나 조작하기 위해 HTML 파일을 자바스크립트 객체로 만들어주는 것 DOM은 을 자바스크립트 객체로 만든 것이다. 자바스크립트로 HTML을 수정, 변경하거나 HTML에 작성된 내용을 자바스크립트 변수에 담아서 사용하는 등에 사용된다. 사용방법 document .getElementById("tagID") .InnerText .value .style .TextContent HTML 파일로 가서 ."tagID"라는 id를 가진 태그를 선택해서 .제어한다.

undefined null 0 "" NaN 이 외의 데이터들은 truthy 한 데이터 if 조건문 안에서 데이터 유무에 따른 조건식 발동에 사용