🟨 JavaScript/개념

[드림코딩] 콜백함수 (1) : 콜백지옥 예시

콜백지옥 // 기본세팅 class UserStorage { loginUser(id, password, onSuccess, onError) { setTimeout(() => { if ( (id === 'master' && password === 'master00') || (id === 'submaster' && password === 'submaster00') ) { onSuccess(id); } else { onError(new Error('not found')); } }, 2000); } getRoles(user, onSucces, onError) { setTimeout(() => { if (user === 'master') { onSuccess({name: 'Master', role : 'admin'..

[mdn, 드림코딩, 코딩애플] 콜백함수 (1) : 동기와 비동기 개념

콜백함수 자바스크립트는 동기적(synchronous) 언어이다. 이 말은 코드를 작성한 순서에 맞춰 동기적으로 실행된다는 말이다. 아래는 비동기적으로 실행되는 함수이다. console.log('1'); setTimeout(() => console.log('2'), 1000); console.log('3'); //1 //3 //2 Synchronous callback function printImmediately(print) { print(); } printImmediately(() => console.log('hello')); Asynchronous callback function printWithdelay(print, timeout) { setTimeout(print, timeout); } printW..

[드림코딩] JSON to Object (parse)

JSON to Object parse(json) const coder = { name: 'Noran', language: 'Javascript', height: null, birthDate: new Date(), sayhi: () => { console.log(`Hello, I'm ${name}!`); }, }; json = JSON.stringify(coder); const obj = JSON.parse(json); console.log(obj); //{name: 'Noran', language: 'Javascript', height: null, birthDate: '2022-07-12T03:03:18.870Z'}birthDate: "2022-07-12T03:03:18.870Z"height: nulll..

[드림코딩] Object to JSON (stringify)

Object to JSON stringify(obj) stringify는 데이터를 string타입으로 변환한다. let json = JSON.stringify(true); console.log(json); //"true" let json = JSON.stringify(['Noran','Paran']); console.log(json); //["Noran","Paran"] 한개의 single quote가 아닌 double quote로 바뀐 것을 볼 수 있다. 이것이 JSON의 규격사항이다. 또한 아래처럼 함수나 javascript에만 자체적으로 들어있는 데이터도 JSON에 포함되지 않는다. const coder = { name: 'Noran', language: 'Javascript', height: nu..

[드림코딩] JSON이란?

JSON JavaScript Object Notation JSON의 Object 또한 javascript처럼 {key: value}로 이루어져 있다. 데이터를 주고받을 때 쓸 수 있는 가장 간단한 format이다. C,C++,C#,JAVA,Python,PHP 등의 거의 대부분의 언어들은 모두 JSON으로 serialization(직렬화)된 object를 다시 그 언어에 맞게 object로 변환 및 다시 JSON으로 serialization(직렬화)할 수 있다. 출처 : 드림코딩 https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko

[드림코딩] 유용한 배열(array) api (3) : reduce, reduceRight, sort, api 다중으로 쓰기

class Coder { constructor(name, age, enrolled, score) { this.name = name; this.age = age; this.enrolled = enrolled; this.score = score; } } const coders = [ new Coder('A', 29, true, 45), new Coder('B', 28, false, 80), new Coder('C', 30, true, 90), new Coder('D', 40, false, 66), new Coder('E', 18, true, 88), ] reduce 배열의 각 데이터에 주어진 리듀서(reducer)함수를 실행하고, 하나의 결과값을 반환한다. 리듀서 콜백함수는 네 개의 인자를 가진다. 누산기(..