일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- TypeScript
- API
- graphQL
- CSS
- MongoDB
- ES6
- heroku
- frontend
- Component
- javscript
- react
- Mongoose
- backend
- JavaScript
- DART
- CLONE
- Session
- ECMAScript
- pug
- 자바스크립트
- form
- express
- HTML
- nodejs
- GRID
- clonecoding
- Flutter
- node.js
- NextJs
- 리액트
- Today
- Total
목록Entries (2)
Enjoy Programming

최근 회사 작업중 프런트에서 데이터 핸들링 할일이 많아졌다. 주로 시계열 차트에 뿌릴 데이터인데 이게 오로지 db에서 뽑혀서 별도의 스키마 작업이나 가공이 없이 string json 형태로 오다보니 뿌려줄려면 작업들을 해줘야 했다. 뭐 보탕 Object.keys(), Object.values(), filter, map .. 등등으로 대부분 해결이지만 Object를 다루다보니 key를 변환하는 작업이라던지 두개의 데이터를 merging하는 작업도 필요하다 그래서 간단히 코드를 남긴다. 우선 오는 데이터의 형태는 parsing후 이렇다. 동일한 key를 가진!! 다만 Mr과 vlcc가 함께 뿌려져야 한다. 이렇게!! 뭐 문제는 한 apexchart에 뿌려줘야 하고 내가 만들어놓은 시계열 차트 공통 컴포넌트를..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/entries Object.entries() - JavaScript | MDN Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. (for-in 루프가 다른점은 프로토 타입 체인의 속성도 열거한다는 점입니다). developer.mozilla.org Object.entries()메서드는 for...in과 같은 순서로 주어진 객체 자체의 enumerable속성 [key, value] 쌍의 배열을 반환한다. 배열로 반환 ~! for-in루프가 다른점..