반응형 프로그래밍/javascript7 [프로그래밍] chart.js를 이용한 대시보드 만들기 chart.js를 이용한 대시보드 만들기 안녕하세요. 개발 까마귀입니다. 여러분 대시보드는 어떨 때 많이 사용할까요? 대시보드는 특정한 데이터를 편리하고 한눈에 볼 수 있게 많이들 사용합니다. 예를 들어서 학교에 여학생 남학생 비율을 원형 그래프로 나타내고 코로나 확진자 수를 막대 그래프로 나타냅니다. 그래서 chart.js로 저희가 한번 차트를 그려보도록 하죠 저희가 차트를 그리기 위해서는 chart.js라는 라이브러리를 사용할겁니다. 사실 차트 그리는 거는 D3.js 유명하지만 chart.js도 간단하면서도 쉽게 차트를 만들 수 있습니다. 처음에는 html파일을 생성하고 이 태그를 head 태그 안에 넣어주시고 생산성을 높이기 위해 jquery까지 넣으신 후 body태그에 div 태그를 생성하시면 됩.. 2021. 1. 30. [프로그래밍] Javascript 함수란? Javascript 함수란? 안녕하세요. 개발 까마귀입니다. 오늘 알려드릴 거는 Javascript 함수에 대해 설명을 하겠습니다. 원래는 스코프 체인을 알려드리려 했지만 함수를 알아야지 스코프 체인을 이해를 하기 때문에 함수를 먼저 알려드리도록 하겠습니다. 일단 함수(function)가 뭘까요? 함수란 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 코드의 집합입니다. 이렇게만 들으면 감이 잘 안 오죠? 일단 예제를 보면 감이 좀 올겁니다. 함수(function) 사용법 보기에는 복잡하지만 원리만 이해하면 정말 쉽습니다. 일단 함수 선언 방법은 function 다음에 여러분들이 적고 싶은 함수 명을 적으면 됩니다. 하지만 저번 강의 변수명처럼 막 지으면 안 됩니다. 함수 명도 카멜 기법으로.. 2021. 1. 24. [프로그래밍] Javascript 변수란? Javascript 변수란? 안녕하세요. 개발자 개발 까마귀입니다. 오늘 알려드릴거는 Javascript 변수입니다. 일단 "변수"의 뜻이 뭘까요? 변수는 데이터를 저장하는 공간이라고 생각하시면 됩니다. 이렇게만 들으면 감이 안오시죠? 그럼 프로그래밍을 하면서 배우도록 하죠 Javascript 변수 Type 저번에 제가 말씀 드렸죠? Javascritp 매우 자유로운 언어라고요 Java같은 경우에는 변수를 사용하려면 무조건 "Type"이라는 것을 해줘야합니다. 여기서 Type은 이 변수가 숫자를 사용하는지 문자열을 사용하는지를 정의하는겁니다. 예시로 String testData = "test"; 이런식으로요. 하지만 Javascript는 다릅니다. Javascript 변수는 무엇을 담아도 에러가 나지 않.. 2021. 1. 17. 이전 1 2 3 다음 반응형
