async awit에 대한 이해가 모자른 상황 async function getTrafficInformationArrowDataLocal() { let jsonResult = []; let lcList = [25, 26, 29, 103, 104, 105, 106, 231, 233, 356, 358, 379, 382, 410, 380, 414]; try { for (let i = 0; i < lcList.length; i++) { const query = ` SELECT TO_CHAR(SLVC.AREA_CREDATE, 'YYYY-MM-DD HH24:MI:SS') AS CREDATE, SLVC.INT_LCNO, SMI.INT_FLOWNUMBER, SUM((SLVC.AREA_T1_VOL + SLVC.AREA_..
친구의 도움을 받았던 마무리 :lat-lng="dtgDataMovingMarker.currentLatLng" 해당 문구 이 부분에 흰트가 있었다. 가장 먼저 dtgData에서 받아왔던 데이터 묶음이 들어오는 형식을 생각해보았다. 배열안에 객체의 모양을 하고있다. 그 안에서 초기값을 설정하고 초기 값을 + 해준다면 전체적으로 id 값이 변하더라도 자신의 좌표값이 끝났을때 알아서 멈추도록만 설정해주면 쉬웠다... 난 그걸 생각 없이 코딩으로 바로 넘어가서 굉장히 반성했다... 일단 그렇다면 어떻게 처음에 생각을 해봐야할까? 1. 나는 자율주행 차량을 움직이게 할 것이다.2. 그렇다면 데이터는 어떻게 데려올것인가?3. 데이터의 형식은 어떻게 되어있는가?4. 그렇다면 for문에 대한 삽질, 어떻게 도는지 확인,..
예외처리란? Javascript에는 코드 실행 중에 예기치 못한 에러가 발생했을 때, 이로부터 코드의 실행 흐름을 복구할 수 있는 기능이 내장되어 있다, 이런 기능을 일러 예외 처리 (exception handling)라고 한다. 해당코드를 보면 Uncaught 를 잡지 못한다. 에러가 있지만 잡지 못했다는 뜻... 그럼 이때 예외처리를 꼭 해줘야한다. 이유는 이때 발생한 에러에 대해 어떤 처리를 해주어야지 프로그램이 정지하지 않고 다음 코드로 넘어갈 수 있기 때문이다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/try...catch try...catch - JavaScript | MDN try...catch 문은 ..
동기와 비동기를 정확하게 이해해하고 싶다... 사실 동기와 비동기는 기다림과 바로가기라고만 생각했다. 너무 간단하게 생각했었던 것... 오늘 정확하게 짚고 넘어가려고한다. 동기란? 무엇인가? 내가 정의한 동기는 답변을 기다리는 것. 동기는 데이터의 요청과 결과가 한 자리에서 동시에 일어나는것을 말한다. 요청을 하면 시간이 얼마나 걸리던지 신경쓰지 않고 요청한 자리에서 결과가 주어져야한다는 것. 비동기란? 무엇인가? 내가 정의한 비동기는 답변을 기다리지 않는 것. 비동기는 동시에 일어나지 않는다는 것을 말한다. 요청한 결과는 동시에 일어나지 않을거라는 약속을 뜻합니다. 그림을 보면 동기는 업무를 지나칠 수 없다 하지만 비동기는 업무를 지나쳐서 간다. 동기의 장, 단점은? 장점 : 설계가 매우 간단하고 직관..
anti pattern은 무엇인가? 오류를 찾던 도중 난 자바스크립트가 아무리 유연해도 지킬건 지켜줭~ 이란 댓글을 보았다. 그래서 anti pattern이 무엇인가 찾아본다. anti pattern이란? 간단하게 이야기하면 패턴과 반대로 프로그래밍을 하는 과정에서 프로그래머들이 흔히 범하기 쉬운 바람직하지 않은 방법들과 그로 인한 폐해를 의미한다... 내가 처음 배운 자바스크립트는 타입이 없다 그렇기에 난 타입을 대충만 알지 제대로 모르고 유연한 언어라그런지 많이 오류를 범하고 있다... 이제 삽질 첫 삽인데 제대로 뼈맞았다! 잘해보자 그렇다면 흔히 발생하는 anti pattern 오류가 뭐가있을까? 1. 관리상의 anti pattern 문제 : 프로젝트의 프로세스와 프로젝트 구성원의 잘못 된 관리2...
내가 이놈을 위해서 공부했다. 웹페이지의 특정 부분을 주기적으로 업데이트를 하려면 이 함수를 사용해야한다. 난 자율주행 프로젝트로 어떠한 API에서 주기적으로 변경된 데이터를 받아와야하는데 이럴때 바로 setInterval() 함수를 사용한다. setInterval() 함수는 어떤 코드를 일정한 시간 간격을 두고 반복해서 실행하고 싶을 때 사용한다. setTimeout()과 동일하게 사용합니다 실행할 코드와 다음엔 반복할 시간을 담습니다. setInterval(() => console.log(new Date()), 5000); VM39:1 Thu Oct 27 2022 10:33:18 GMT+0900 (한국 표준시) VM39:1 Thu Oct 27 2022 10:33:22 GMT+0900 (한국 표준시) ..