Eundms

async 함수 : await 키워드는 반드시 async 함수 내부에서 사용해야 한다. async 함수는 async 키워드를 사용해 정의하여 언제나 프로미스를 반환한다. async 함수가 명시적으로 프로미스를 반환하지 않더라도 async함수는 암묵적으로 반환값을 resolve하는 프로미스를 반환한다. await : 프로미스가 settled 상태가 될때까지 대기하다가 settled 상태가 되면 프로미스가 resolve 한 처리결과를 반환한다. 주의해야 한다. 너무 await을 남발하면 느려질 수 있다. async function foo(){ const a = await new Promise(resolve=>setTimeout(()=>resolve(1),3000));//settled상태까지3 const b ..

😎 지식/FE-Js_Ts_React🌐 2021. 8. 17. 23:19

프로미스는 비동기 처리 상태와 처리 결과를 관리하는 객체이다. 더보기 // 웹 API를 포함하여 Promise를 반환하는 함수 에 해당하는 내용 /*의도와는 다른 코드*/ let promise = axios.get("/api/classes") // promise 변수에 Promise object가 저장됨. // pending 상태. (성공도 실패도 아닌 상태) /*정상적인 코드1 - Promise*/ axios.get("/api/classes") .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); // Promise Object의 .then()메서드를 호출하여 // Pro..

😎 지식/FE-Js_Ts_React🌐 2021. 8. 17. 22:55

const fs=require('fs') /*1*/ const aaa=()=>{ setTimeout(()=>{console.log('d');}); console.log('c') }; /*2*/ setTimeout(()=>{ fs.readFile('any.txt',()=>{ setTimeout(()=>{ console.log('e'); },0); setImmediate(()=>{ console.log('f'); }) })},100) ; /*3*/ setTimeout(()=>{console.log('a');aaa()}) /*4*/ Promise.resolve().then(()=>{aaa(); console.log('b');}) 더보기 c b a c d d f e 비동기 처리에서 소스코드의 평가와 실행을 제외..

😎 지식/FE-Js_Ts_React🌐 2021. 6. 22. 11:35

- React의 Virtual-DOM ? Virtual DOM은 Real DOM과 다르게 전체 중 바뀐 부분만 Reload합니다. 예를 들어, n개의 요소가 있고 그 중에 1개의 요소만 바뀌었다면, Real DOM은 1개의 요소를 바꾸기 위해 전체 n개를 Reload하지만, Virtual Dom은 이전 Snapshot과 비교해서 바뀐 부분만 Real DOM에서 바꿉니다. - DOM Elements Of the Same Type React에서는 className만 바꾸면 된다는 것을 안다. color만 바꾸면 된다는 것을 안다. 컴포넌트 인스턴스는 동일한 유지되어 렌더링간 state가 유지된다. React는 새로운 엘리먼트의 내용을 반영하기 위해 현재 컴포넌트 인스턴스의 props를 갱신한다. UNSAFE..

😎 지식/FE-Js_Ts_React🌐 2021. 6. 21. 17:49

Model One-to-Many Relationships with Document References publisher 정보가 반복되고 있다. 더보기 { title: "MongoDB: The Definitive Guide", author: [ "Kristina Chodorow", "Mike Dirolf" ], published_date: ISODate("2010-09-24"), pages: 216, language: "English", publisher: { name: "O'Reilly Media", founded: 1980, location: "CA" } } { title: "50 Tips and Tricks for MongoDB Developer", author: "Kristina Chodorow",..

😎 지식/FE-Js_Ts_React🌐 2021. 6. 10. 14:29

Model One-to-Many Relationships with Embedded Documents Embedded Document Pattern 더보기 // patron document { _id: "joe", name: "Joe Bookreader" } // address documents { patron_id: "joe", // reference to patron document street: "123 Fake Street", city: "Faketon", state: "MA", zip: "12345" } { patron_id: "joe", street: "1 Some Other Street", city: "Boston", state: "MA", zip: "12345" } 만약, address da..

😎 지식/FE-Js_Ts_React🌐 2021. 6. 10. 13:38

Model One-to-One Relationships with Embedded Documents // student document { _id : 'ohnamju_01', name : 'ohnamju' } // account document { account_id : 'ohnamju_01', balance : 0, } /* 자주 account 정보에서 name이 필요하다면, */ { _id : 'ohnamju_01', name : 'ohnamju' balance: 0 } - 문제점 : 필요하지 않은 데이터도 load 시켜 read를 수행할 때 느려질 수 있음. the most frequently-accessed portion of the data should go in the collection tha..

😎 지식/FE-Js_Ts_React🌐 2021. 6. 10. 12:48

4단계. Fetch Data with async/await in react 앞에서는 javascript의 promises 의 then과 catch 블록을 사용했음. 하지만, then() 대신에 async/await statement를 react에서 data를 fetch할 때 사용할 수 있다. import React, { Component } from 'react'; import axios from 'axios'; const API = 'https://hn.algolia.com/api/v1/search?query='; const DEFAULT_QUERY = 'redux'; class App extends Component { ... async componentDidMount() { this.setState..

😎 지식/FE-Js_Ts_React🌐 2021. 5. 27. 15:15