Eundms

함수 호출 부분에 해당 함수의 본문 넣기 - 리팩터링 과정에서 잘못 추출된 함수 - 간접 호출을 과하게 쓰는 코드 방법 1. 다형 메서드인지 확인한다. (서브 클래스에서 오버라이드하는 메서드는 인라인하면 안 된다.) 2. 인라인할 함수를 호출하는 곳을 모두 찾는다. 3. 각 호출문을 함수 본문으로 교체한다. 4. 하나씩 교체할 때마다 테스트한다. 5. 함수 정의를 삭제한다. 함수 인라인하기 moreThanFiveLateDeliveries 를 인라인 시키고자 한다. // 변경전 function getRating(driver){ return moreThanFiveLateDeliveries(driver)?2:1; } function moreThanFiveLateDeliveries(driver){ return ..

🍜개발자라면/책을 읽자✍ 2021. 9. 25. 13:44

더보기 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

Auth(HOC) 백엔드에 요청을 보냄 (현재 렌딩 페이지에 들어와 있는 사람의 상태 정보를- 로그인 된 유저, 어드민 유저,....) HOC (auth)가 어떻게 구현이 되어 있나 1. client/src/hoc/auth.js dispatch(auth())를 통해 dispatch로 action auth를 요청한다. 2. client/src/redux/_actions/index.js auth()라는 액션을 정의해 놓았다. 3. client/src/redux/_reducer/index.js dispatcher로 인해서 AUTH_USER의 state가 아래 정의된 바와 같이 바뀐다. 1. /server/routes/users.js 클라이언트에서 요청이 오면, auth 미들웨어 먼저 간다. 2. /server..

🔥Activites/[프로젝트] 진행하며 생각을 했다 2021. 7. 25. 12:57

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