일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 게시판
- vscode
- 실시간 상태값 저장
- resutful api
- html
- 자바빈
- ui인터페이스
- 자바
- 자바스크립트
- java
- spring boot
- vsc
- chart.js 라이브러리
- github
- open in browser
- thymeleaf
- 상태값 저장 유지
- 여러 종류의 사용자 정의 함수
- @requstbody
- chart.js
- 데이터 시각화
- jsp
- tomcat
- MYSQL
- Eclipse
- 초보 개발자
- git
- JavaScript
- IndexedDB
- css
- Today
- Total
목록JavaScript (2)
수월한 IT

안녕하세요 IT여행자입니다. 이번 내용은 입문 과정을 끝낸 개발 초보자분들이 배운 과정을 어떻게 응용하여 프로그램을 만들어 볼까 고민될 때 한번 만들어 볼 수 있는 프로그램을 준비해 봤습니다. 프로그램은 단순히 HTML, CSS, JAVASCRIPT만을 사용하였습니다. 개발을 잘하고 싶다면 직접 많이 만들어 봐야 한다는 것은 잘 알고 계실 거라 생각됩니다. 그리 복잡한 내용은 없으므로 차근차근 따라 만들어 보시길 바랍니다. 그럼 시작하겠습니다. 실행 결과 화면 입력 숫자의 범위는 제한이 없지만 표시되는 영역이 작으므로 -999~999까지 입력합니다. 처음 10개까지는 입력 순서대로 위쪽 영역에 표시되었다가 10개가 넘으면 입력 수들 중 상위 10개까지만 표시될 것입니다. 준비 파일 아래와 같이 3개의 파..

안녕하세요 IT여행자입니다. 이번 여행지는 Chart.js 라이브러리를 사용하여 차트 만들기 입니다. 차트를 만드는 라이브러리나 API는 그 종류가 굉장히 많이 있지만 Chart.js는 자바 스크립트를 사용하여 간단히 차트를 만들수 있는 라이브러리 입니다. 여행 방법은 아래와 같습니다. 1. CDN 형태로 라이브러리 가져오기 라이브러리를 다운로드 받아 프로젝트내에 포함시킬 수 도 있습니다. " target="_blank" rel="noopener">https://cdn.jsdelivr.net/npm/chart.js"> 2. 기본 골격 데이터를 생성하는 언어는 JSP를 사용하였지만 어떤 언어이든 상관없습니다. 데이터를 자바스크립트로 전달 할 수만 있으면 상관 없습니다. line type 1 특별한 이유는 ..