Jonny's Place

서비스 기획에서, 기존의 bar chart에서 radar 차트로 변경되었다. 그래서 급하게 구글링을 해서 가장 UI적으로 괜찮은 라이브러리를 선정하여 반영했다. 1. 우선은 HTML에 id가 "myChart"인 canvas 엘리먼트를 삽입한다. 2. 다음은 javascript에 소스를 불러온다. 3. 샘플데이터를 생성해준다. // 레이터차트 데이터 const data = { labels: [ 'Eating', 'working', 'Running', 'Studying', 'Teaching' ], datasets: [{ label: 'My wannabe life', data: [65, 59, 90, 81, 76], fill: true, backgroundColor: 'rgba(255, 99, 132, 0.2..

하루종일 삽질한 끝에 내 프로젝트에 돌아가게끔 코딩을 완료했다.. 애초에 자동완성기능의 개념이 부족했던터라 데이터를 어떻게 받아오고 어떻게 처리하는 감이 아예없었다. 그래서 가장먼저 깨달은 것(또는 현재까지 결론지은 것)은, 1. 자동완성의 원천데이터는 반드시 배열형태로 미리 저장이 되어있어야 한다! -> 즉, api 호출로 그때그때 불러와서 자동완성을 하는 것이 아니라, 미리 배열형태를 프론트서버가 저장하는 것이다. 2. 저장된 배열을 제이쿼리 autocomplete으로 처리하는 것! * 사실, 그때그때 불러와서 자동완성을 하는 방법도 있을 수도 있는데 지금의 나의 상황에서는 잘 모르겠다 ㅠㅠ 첫번째 방법 - 일반 배열로 자동완성 기능 구현 두번째 방법 - ajax로 데이터를 불러온 후 자동완성 기능 ..