JavaScript

ros2 javascript (nodejs) test

Create docker docker run -itd --rm --name=jstest ubuntu:20.04 bash docker exec -it jstest bash Install node js https://github.com/nodesource/distributions apt update & apt install sudo curl curl -fsSL | sudo -E bash - &&\\ sudo apt-get install -y nodejs Install Ros2 galactic https://docs.ros.org/en/galactic/Installation/Ubuntu-Install-Debians.html locale # check for UTF-8 sudo apt update && sudo..

자바스크립트를 이용해서 차트를 구현하고 PDF로 다운로드 Chart js, jspdf

차트를 구현해보자 Chart js 차트 만드는 라이브러리로 어떤 것이 좋을까? 여러가지 비교하며 고르고 골라 사용했던 Chart js를 정리해보려고 한다. 이 라이브러리를 고른 이유는 다른 라이브러리와 비교했을 때 차이점은 다음과 같다 깔끔하다. 예쁘다. 정말 다양한 차트 종류를 구현 할 수 있도록 제공 가장 중요한 점은 해당 홈페이지에서 꽤 자세한 설명이 작성되어 있어 좋았다. 우선 당연하게도 Chart js를 사용하려면 해당 라이브러리를 받아야 하는데 CDN 방식으로 받아 사용하려 한다. 솔직히 Chart js 해당 페이지에 다양한 튜토리얼이 많아서 따로 블로그에 들어가서 공부하지 않고 해당 홈페이지에 들어가서 참고만 해봐도 될 정도이다. Chart js 사이트 : https://www.chartjs..

fetch() 사용법, javascript와 spring(java) 양방향 JSON 통신 방법

javascript fetch() → java/Spring 반환 프런트 엔드에서 백엔드로 비동기 데이터 전송 기존에는 javascript의 비동기 기능으로 XMLHttpRequest를 이용해 비동기를 구현했는데 이 기능은 사용하기에는 다소 불편한 점이 있어 좀 더 편하게 사용하기 위해 Jquery 라이브러리를 따로 받고 이에 포함되어 있는 ajax을 이용해 비동기를 구현했는데, ES6부터는 javascript 자체적으로 fetch(비동기 기능)을 지원한다. 이 fetch() 비동기 기능을 활용하여 Spring(java)로 데이터를 전송하는 테스트를 하려 한다 프런트엔드에서는 fetch()를 통해 데이터를 보내고 백엔드에서는 JSONObject를 통해 데이터를 받아 가공 및 사용한다. 메서드 타입은 RES..