[개발] Programming/Tools34 자바 웹 프로젝트와 퓨전차트 연동 #2 (서버, 프런트) FusionCharts 연동하기 자바스크립트를 활용하여 데이터 연동 없이 화면단에만 구현했던 지난번 퓨전차트 포스트에 이어 이번에는 서버에서 데이터를 호출하여 화면단에 전달한 뒤, 차트를 랜더링 하는 방법을 소개하겠습니다. (서버단 - 자바, 프런트 - 자바스크립트, 데이터 형태는 JSON) * 이전 포스트: 자바스크립트로 퓨전차트 연동 해보기 #1 서버단 소스 차트마다 가공해야될 데이터의 형태가 다르기 때문에 기본적으로 형태는 JSON이지만, 라벨과 value는 차트에 맞게 가공해야 됩니다. 가공하는 방법은 여러 가지가 있겠지만, 저는 서버단에서 가공했습니다. 구현한 차트의 종류는 컬럼차트입니다. 소스에는 DB를 호출하는 메소드와 VO는 있지만, 어차피 데이터는 전부 라벨과 벨류 형태이므로 그에 맞게 .. 2020. 2. 25. 자바스크립트로 퓨전차트 연동 해보기 #1 FusionChart 업무를 하다 보면 차트를 사용해야 할 경우가 자주 발생하죠. 특히, 통계나 모니터링 업무를 한다면 더욱더 사용할 수밖에 없는데요. 차트 솔루션 중에서 비교적 연동하기 쉬운 퓨전차트를 한 번 사용해보도록 하겠습니다. * 참고로 퓨전차트는 무료로 사용할 수 있지만, 차트에 워터마크가 남아있습니다. 워터마크를 제거하기 위해서는 라이센스를 구매해야 됩니다. FusionChart 소스 연동 퓨전차트의 강점 중 하나는 예제 소스입니다. 사이트에 들어가면 아주 친절하게 개발 언어 별 예제가 있어 연동하기에 좋습니다. 저는 자바 웹 프로젝트를 사용하기 때문에 JS 연동으로 구현해 보겠습니다. 우선 퓨전차트 사이트에 접속합니다. www.fusioncharts.com 상단에 'Developer' 메뉴.. 2020. 2. 24. 구글 챗봇, 다이얼로그 플로우 (dialogFlow)로 챗봇 만들어 보기 챗봇 - ChatBot 어렵다면 어렵고 쉽다면 쉬운 게 챗봇이라고 생각합니다. 단순히 동작만 하는 챗봇은 네이버나 구글에서 제공하는 API를 사용하여 구현할 수 있지만, 원하는 태스크를 제대로 수행하는 챗봇을 원할 경우 시나리오부터 시작해서 많은 작업이 필요합니다. 저도 챗봇을 만들어보는 건 이번이 처음이라 한 단계씩 정리해가면서 만들어볼 예정이라 블로그에도 글로 남기기로 결정했습니다. 제가 만들어볼 챗봇은 구글에서 제공하는 다이얼로그 플로우라는 AI 플랫폼을 활용한 챗봇입니다. 아직까지 네이버 톡톡과 비교했을 때 장단점은 정확히 모르겠지만, 가장 대중적이라 레퍼런스가 많아서 선택했습니다. 구글 챗봇을 완성시키고 나서 네이버 챗봇도 사용할 예정이긴 합니다ㅎㅎ 01 계정 만들기 우선 구글 다이얼로그 플로우.. 2020. 1. 11. 소스 정렬 사이트 모음 (HTML, JS, SQL 등) 웹이나 쿼리를 작성하다보면 분석할 때 정렬이 되어 있지 않아 불편합니다. 이때 소스를 자동으로 정렬해주는 사이트를 이용하면 간편하게 정렬할 수 있습니다. https://tools.arantius.com/tabifier 제일 간단하지만, 태그 별로 정렬이 잘 되어 실제 소스를 작성하고 소팅할 때 제일 유용하다고 생각되는 사이트. 단, 기능은 정말 없음.. 미리보기도 없음. http://html.segio.com/ko/?shell=index.shell:0 웹브라우저 형태의 미리보기 가능 https://prettydiff.com/?m=beautify 다양한 옵션으로 소스 코드를 정리해준다. 옵션은 상당히 많은데 좀 헷갈리고 옆으로 길게 펼쳐져서 보기에 불편함. https://beautifier.io 옵션을 설.. 2019. 8. 30. 윈도우 커맨드 창에서 telnet이 안되는 경우 해결 방법 telnet 안될 때 해결 방법 telnet은 방화벽 확인 등 여러 목적으로 사용되는 명령어. 기본 윈도우에서는 알수 없는 명령어로 뜨는 경우가 있다. 사용하기 위해서는 설치 없이 아래와 같이 간단하게 설정이 가능하다. '시작 > 제어판 > 프로그램 > Windows 기능 사용/사용 안 함' 클릭 다음 다음을 누르다가 '기능' 탭까지 오면 목록 중에서 '텔넷 클라이언트' 체크 후 '확인'을 누르면 '설치' 누르면 파업이 뜨고 잠시 뒤 자동으로 창이 닫히면 성공! 설치하는데 몇 분이 소요된다. 이제 윈도우 cmd에서 telnet을 입력하면 동작한다. 2019. 2. 28. 이클립스, 유용한 단축키 정리 단축키 확인- Window > Preference > General > Keys 메뉴에서 확인- 단축키 보기 Hint : Ctrl + Shift + L 실행Ctrl + F11 : 실행(바로 전에 실행했던 클래스(Run파일) 실행). 디버그 1) F11 : 디버그 모드로 실행2) F5 : step into (현재의 명령문이 호출되는 메소드로 이동하여, 첫 문장을 실행하기 전에 멈춘다. 하지만 자바 라이브러리 클래스 수준 까지 들어가므로 단계필터 사용을 체크(Shift + F5)를 하면 필터를 설정한 클래스에 대하서는 Step Over 기능과 같은 기능을 수행한다.)3) F6 : step over(현재의 명령문을 실행하고 다음 명령문 직전에 다시 멈춘다.)4) F8 : 멈추어 있던 쓰레드를 다시 계속 실행한.. 2018. 11. 2. 온라인 무료 포토샵 사이트로 배경 없는 서명 이미지 만들기 Pixlr 온라인 간편 포토샵 사이트, 무료라서 매우 좋음. 특히 배경 없는 서명이나 블로그 이미지 만들 때 적합하다. 화면 구성도 매우 직관적이라 따로 공부할 필요도 없다. 물론 오프라인 유로 툴들 만큼 좋지는 않지만, 가볍게 에디팅 하기엔 정말 좋은 사이트다. pixlr.com/editor 'TRY PIXLR X' 클릭 위에 create new 클릭 원하는 이미지 사이즈를 클릭하고 create를 누르거나, 오른쪽에 width와 height를 입력하고 create을 눌러 새로운 이미지를 만들 수 있다. (각각 단위는 픽셀) 이제 기본으로 생성되는 화면이 나오는데, 디폴트는 배경이 없는 화면이라 작업 후 저장하면, 배경이 없는 png 형태의 이미지 파일이 생성된다. 블로그나 이미지 서명을 만들 때 매우 .. 2018. 11. 1. 이전 1 2 3 4 다음
