할머니의 콤퓨타 도전기

HTML(HyperText Markup Language) 브라우저에서 실행가능한 가장 기본적인 파일 마크업 언어로 구조적으로 태그를 이용해 보여짐 상위 태그 상세설명 사용자에게 보여지는 ui 요소 없음 metadata (ex. 타이틀, 부가설명 ..) 사용자에게 보여지는 태그들로 이루어짐 Box vs Item Box Item Block vs Inline b , span tag는 inline. 다음 line으로 넘어가지 않음 div는 block level의 tag This is a sentence. That is .. This is a sentence. That is .. This is a sentence. That is .. label, input inline element Name: HTML eleme..

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..

Array Declaration const arr1 = new Array(); const arr2 = [1, 2]; Index position const fruits = ['apple', 'banana']; console.log(fruits); console.log(fruits.length); console.log(fruits[0]); console.log(fruits[2]); // undefined console.log(fruits[fruits.length - 1]); Looping over an array // print all fruits // a. for for (let i = 0; i < fruits.length; i++) { console.log(fruits[i]); } // b. for of..