기초 지식 18 / 21

그래프와 엑셀

남이 만들어 둔 도구를 빌려 쓰면 어려운 것도 몇 줄이면 돼요.

그래프를 그리거나 엑셀 파일을 만드는 건 원래 꽤 어려워요. 그래서 이미 잘 만들어진 도구를 빌려 써요. 이런 도구를 '라이브러리'라고 해요. 그래프는 Chart.js, 엑셀은 SheetJS라는 도구를 써요.

동그란 그래프 그리기

new Chart(canvas, {← 그래프 도구야, 이 자리에 그려 줘

type: "pie",← 동그란(파이) 그래프

data: { labels: ["식비", "교통"],← 이름

datasets: [{ data: [32000, 12000] }] },← 숫자

});

엑셀 파일로 저장

XLSX.writeFile(book, "가계부.xlsx");← 엑셀 도구야, 이 내용을 파일로 만들어 줘

index.html 맨 위쪽에 https://cdn.jsdelivr.net/… 주소가 보이면, 그게 빌려 온 도구예요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

new ChartXLSXcdn.jsdelivr.net

🧩 이 내용이 나오는 따라 만들기