짬짬이기록하기

- immutable type : string, number, boolean, null, undefined, symbol- mutable type: 위의 type을 제외한 모든 것, 즉 Object immutable 예시 let name = "foo"; // "foo"라는 메모리가 생성되고 name은 해당 주소(001)를 참조함 let newName = name; // name이 참조하는 주소(001)를 참조함name = "zoo"; // "zoo" 메모리가 생성되고 name은 해당 주소(002)를 참조함console.log(newName) // "foo" console.log(name) // "zoo"console.log(name === newName) // falsemutable 예시: 자바스크립트에..

...

Promise : 비동기 작업을 처리하는 객체 const myPromise = new Promise((resolve, reject)=>{ setTimeout(()=>{ const textValue = prompt("인사해주삼"); if (textValue === "hello") { resolve("sucess"); } else { reject("fail"); } }, 2000)})myPromise .then((msg)=>{ console.log(msg); }) .catch((err)=>{ console.log(err); }) .finally(()=>{ console.log("finally") }); promise.then( function(result) { /* 결과(resul..

1.전체.forEach((item) => { if (item === 내정보) ...})2.내정보.forEach((myItem) => { if (전체.includes(myItem)) ...})2번의 방식이 순회방식을 절약할 수 있다. const allEmails = ['a@test.com', 'b@test.com', 'c@test.com'];const myEmails = ['b@test.com', 'x@test.com'];myEmails.forEach((email) => { if (allEmails.includes(email)) { console.log(`${email} 은 전체 목록에 있음`); } else { console.log(`${email} 은 전체 목록에 없음`); }});..

리터럴은 데이터(값) 그 자체를 뜻한다. 즉, 변수에 넣는 변하지 않는 데이터를 의미하는 것. let a = 1 a는 변수이고, 1은 변수의 값, 즉 리터럴이다. 리터럴표기법이란, 변수를 선언함과 동시에 그 값을 지정해주는 표기법을 말한다. let a = 3 let obj = { name: 'kim' }

forEach : 배열의 각 아이템에 대해 콜백 함수 호출 : 반환값을 가지지 않고, 루프문 수행 let a = [1,2,3,4,5] a.forEach((item, index, arr) => { console.log(item, index, arr) }) 결과 1 0 (5) [1, 2, 3, 4, 5] 2 1 (5) [1, 2, 3, 4, 5] 3 2 (5) [1, 2, 3, 4, 5] 4 3 (5) [1, 2, 3, 4, 5] 5 4 (5) [1, 2, 3, 4, 5] 아래의 방법으로 원본배열 numbers 를 직접 수정할수는 있다. 하지만 원본 배열을 직접 수정하는 것보다는 map을 사용하는 것이 좋은 방법. (함수형 프로그래밍의 원칙 중 하나로, 불변성(immutability)을 유지하여 예측 가능하..

getElementsByClassName, getElementsByTagName 로 선언한 변수는 HTML Collection이라는 DOM을 반환한다. 선언한 셀렉터들에 클래스명을 변경하는 반복문을 돌린다고 가정했을 때, item1 item1 item1 let items = document.getElementsByClassName('red') console.log(items) //HTMLCollection(3) [li.red, li.red, li.red] for(let i=0; i 첫번째 li가 .blue를 가지게 되면서 요소에서 삭제되는 문제 } i=1인 상황에서 기존의 0번째 요소가 컬렉션에서 삭제되게 된다. 즉 HTML Collection은 실시간 감지를 한다는 것이다. 따라서 의도치 않게 다른 결..

const person = { //데이터 프로퍼티 firstName: 'Ungmo', lastName: 'Lee', // fullName은 접근자함수로 구성된 접근자 프로퍼티. // getter함수 get fullName(){ return `${this.firstName} ${this.lastName}`; }, // setter함수 set fullName(name){ [this.firstName, this.lastName] = name.split(' '); }}//데이터 프로퍼티를 통한 프로퍼티 값의 참조console.log(person.firstName + ' ' + person.lastName) //Ungmo Lee//접근자 프로퍼티를 통한 프로퍼티 값의 저장//접근자 프로퍼티 fullName에..