🟨 JavaScript

[드림코딩] 콜백함수 (2) : 콜백지옥 탈출, Promise (State, Producing)

Promise Promise는 javascript에 내장되어있는 object로, 이를 통해서 비동기 코드를 깔끔하게 작성할 수 있다. 네트워크통신을 한다던지, 파일을 읽어온다던지 하는 등의 무거운 작업을 할 때는 오래 걸리므로 Promise로 처리한다. 무거운 작업을 처리하므로 사용자가 요청하지 않았는데도 일어나는 불필요한 네트워크통신(promise함수의 실행)을 방지해야 한다. new Promise가 만들어지는 순간, 해당 executor 함수가 자동으로 실행되므로 주의하자. promise는 아래 두 가지를 염두에 두면 좋다. 1. State(상태) process가 무거운 operation을 수행하고 있는지/완료되었다면 성공했는지/실패했는지의 상태 pending : operation을 수행 중인 상태 ..

[드림코딩] 콜백함수 (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