할머니의 콤퓨타 도전기

classList 자바스크립트에서 클래스 이름을 조작하는 것 클래스를 조작하는 다양한 메서드를 쓸 수 있다 classList.add(): 클래스를 필요에 따라 삽입 classList.remove(): 클래스를 필요에 따라 제거 classList.contains(): 값이 존재하는지 체크 (True/False) classList.toggle(): 클래스 값이 있는지 체크하고 없으면 더하고 있으면 제거 function updateItems(items, key, value) { items.forEach((item) => { if (item.dataset[key] === value) { item.classList.remove("invisible"); } else { item.classList.add("invis..

ES6 shorthand property names https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer 객체 초기자 - JavaScript | MDN 객체는 new Object(), Object.create() 또는 리터럴 표기법 (initializer 표기법)을 사용하여 초기화될 수 있습니다. 객체 초기자(object initializer)는 0개 이상인 객체 속성명 및 관련값 쌍 목록이 콤마로 분리 developer.mozilla.org { const jiwon1 = { name: 'jiwon', age: '24', }; const name = 'jiwon'; const age = '24'..

Promise javascript에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 object 정해진 장시간의 기능을 수행하고나서, 정상적으로 기능이 수행되어졌다면 성공의 메세지와 함께 처리된 결과값을 전달해줌 기능을 수행하다가 문제가 발생하면 에러를 전달 언제 데이터를 받아올 지는 모르겠지만 promsie object를 갖고있고 then이라는 콜백함수만 등록하면 준비되는대로 콜백함수 불러줄게! async & await clear style of using promise promise를 조금 더 간결하고 동기적으로 실행되는 것 처럼 보이게 만들어줌 promise 위에 조금 더 간편한 API 제공 syntatic sugar: 기존에 존재하는 것 위에 또는 감싸서 간편한 API 제공 function..

Promise Promise is a JavaScript object for asynchronous operation. State : pending(promise가 만들어져서 지정한 operation이 수행중일 때) -> fulfilled(operation을 성공적으로 끝냄) or rejected Producer(원하는 기능을 수행해서 해당하는 데이터를 만들어냄) vs Consumer(원하는 데이터를 소비함) Producer when new Promise is created, the executor runs automatically. promise를 만드는 순간 우리가 전달한 executor 콜백함수가 바로 실행 만약 네트워크 요청을 사용자가 요구했을 때만(ex. 버튼을 눌렀을 때) 해야하는 경우라면 아..

JavaScript is synchronous! Execute the code block in order after hoisting. hoisting이 된 이후부터 code가 작성한 순서에 맞춰서 하나씩 동기적으로 실행 정해진 순서에 맞게 코드가 실행되는 것 hoisting var, function declaration 선언들이 자동적으로 제일 위로 올라감 console.log('1'); console.log('2'); console.log('3'); // 1 // 2 // 3 javascript engine은 코드를 제일 위에서부터 밑으로 실행한다. 따라서 가장 먼저 console.log('1');를 만나고 1 출력하고 그 다음 setTimeout은 browser API 이므로 브라우저에게 1초 뒤에 ..

JSON(JavaScript Object Notation) simplest data interchange format lightweight text-based structure easy to read key-value pairs used for serialization and transmission of data between the network the network connection independent programming language and platform object --> string (serialize) string --> object (deserialize) Object to JSON stringify(obj) let json = JSON.stringify(true); // boole..