환이의 개발일지

[ JAVA Script ] chart.js - 실시간 그래프 차트 구현하기

Intro 안녕하세요. 환이s입니다👋오늘은 chart.js  - 실시간 그래프 차트 구현하기 포스팅을 작성해보려 하는데요. 현대의 데이터 시각화는 정보의 전달과 이해를 돕기 위해 필수적입니다. 특히 실시간 데이터 분석과 모니터링이 중요한 시대에, 동적인 그래프 차트는 데이터를 효과적으로 전달하는 강력한 도구가 됩니다. Chart.js는 간단하고 직관적인 API를 제공하는 오픈 소스 JavaScript 라이브러리로, 다양한 유형의 그래프를 손쉽게 그릴 수 있습니다. 특히 실시간 데이터 시각화에 적합한 기능을 갖추고 있어, 데이터 변화에 즉각적으로 반응하는 차트를 만들 수 있습니다. Chart.jsSimple yet flexible JavaScript charting library for the moder..

오늘은 비동기 작업을 다룰 때 사용되는 Promise() 생성자에 대해 알아보겠습니다. Promise Constructor new Promise() Promise는 JS에서 비동기 작업을 다룰 때 사용되는 객체로 사용되며 비동기 작업의 결과를 나중에 받아오기 위한 방법을 제공해 주는데, 주로 네트워크 요청, 파일 읽기/쓰기, 타이머 이벤트 등과 같은 비동기 작업을 처리할 때 유용합니다. Promise를 사용할 때 알아야 하는 가장 기본적인 개념은 바로 promise states(상태)입니다. 여기서 말하는 states란 promise의 처리 과정을 의미하며, 위 예시처럼 new Promise()로 promise를 생성하고 종료될 때까지 3가지 상태를 갖습니다. Pending(대기) 초기 상태, 작업이 완..