Eundms

더보기 array : 다양한 type이 공존할 수 있다. 배열 생성 1. 배열 리터럴 const arr = [1,2,3]; 2. Array 생성자 함수 const arr = new Array(10); // [empty*10] 3. Array.of Array.of(1,2,3) // [1,2,3] 4. Array.from Array.from({ length : 2, 0 : 'a', 1 : 'b' }) 배열 요소의 참조 arr[2] 배열 요소의 추가와 갱신 const arr = [0]; arr[1]=1; // arr : [0,1] arr[100] = 100; // arr : [0, 1, empty*98, 100] 정수 이외의 값을 인덱스로 사용하면 프로퍼티가 생성된다. const arr = []; //[1, ..

😎 지식/자바스크립트_타입스크립트_리액트🌐 2021. 9. 24. 12:57

선언과 정의 javascript는 선언과 정의가 동일하다. 왜? var x;만해도 undefined가 들어가기 때문에 function scope vs block scope var - function scope let - block scope const - block scope function fbScope(){ // var v = 1; const t = rue; if (t) { // const x = 3; console.log('inside if block'); var v = 1; //blcok 내에서 선언되었지만, 함수 scope 이기에 (함수내 hoisting) const x = 3; console.log(v,x); } console.log(typeof v, typeof x); // number un..

😎 지식/자바스크립트_타입스크립트_리액트🌐 2021. 9. 9. 23:33

Async(비동기) / Await(대기) 동기 //동기적으로 작업이 실행됨 for (var i=0;i{ }); 비동기 // 비동기 - 구문 오류 // processArray는 비동기 함수이지만, // forEach에 사용하는 익명함수는 동기식이다. async function processArray(array){ array.forEach(item=>{ await func(item); }) } // 방법1) - 익명함수도 비동기함수로 정의 -잘못된 방법 // 처음에 내가생각했던해결 방법,,,, async function processArray(array){ array.forEach(async(item)=>{ await func(item); }) console.log('Done!'); } // 문제점 : Do..

😎 지식/자바스크립트_타입스크립트_리액트🌐 2021. 8. 18. 10:11

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

😎 지식/자바스크립트_타입스크립트_리액트🌐 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..

😎 지식/자바스크립트_타입스크립트_리액트🌐 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 비동기 처리에서 소스코드의 평가와 실행을 제외..

😎 지식/자바스크립트_타입스크립트_리액트🌐 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..

😎 지식/자바스크립트_타입스크립트_리액트🌐 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",..

😎 지식/자바스크립트_타입스크립트_리액트🌐 2021. 6. 10. 14:29