개발 log (개발)29 Chart.js로 간단하게 그래프 그리기 아래 이미지와 같은 그래프를 그리려면 어떠한 방법이 있을까요? HTML canvas에 그래프를 그리도록 직접구현도 가능하지만 투자대비 퀄리티가 만족스럽지 못할 확률이 높습니다. 따라서 Chart.js라는 오픈소스 라이브러리를 이용해서 쉽게 그래프를 그려보려고 합니다. 1. 가장 먼저 HTML 영역에 그래프를 그리고 싶은 영역에 아래와 같이 canvas를 추가해줍니다. 2. x, y좌표에 들어갈 라벨 및 데이터를 입력해줍니다. labels는 x축에 들어갈 값, datasets에는 실제 그래프로 그려질 데이터와 관련된 부분이며 중요한 부분은 datasets 내부에 data가 실제 y축에 들어갈 값 입니다. const data = { labels: ['202201', '202202', '202203'], /.. 2022. 6. 3. 웹 개발시 HTML 관련 체크사항 웹 앱으로 개발할 경우, HTML이 모든 OS에 동일하게 적용되지 않기 때문에 여러 상황에 대해서 테스트를 해봐야 합니다. 여러분이 테스트하시기 전에 참고하실만한 내용을 작성하였습니다. IOS 운영체제에서 숫자를 링크형태로 자동변환되지 않도록 하는 방법 아이폰의 경우 아래 이미지에 사업자등록번호를 보시면 숫자를 자동으로 링크형태로 변환됩니다. 링크형태가 되면서 원하지 않는 색상 등으로 적용되어 시인성이 없어졌습니다. 다음 메타태그를 한 줄 추가해주시면 자동변환 되지 않도록 할 수 있습니다. Open Graph Meta Tag를 이용하여 URL 미리보기 정보 편집하는 방법 대부분 URL을 기입하거나 공유하게 되면 아래와 같이 미리보기가 표시됩니다. 아무것도 지정하지 않으면 임의의 정보가 표시됩니다. 다음 .. 2022. 4. 13. 참고할만한 유용한 정보 공식 Design Components https://material.io/components/app-bars-bottom 비공식 Project guidelines (프로젝트 기본 규칙) https://github.com/ribot/android-guidelines/blob/master/project_and_code_guidelines.md 2021. 7. 1. Network call has failed for a following reason: Unable to create call adapter for retrofit2.Response 주로 suspend가 있어야할 곳에 없는 경우 발생 E/remoteDataSource: Unable to create call adapter for retrofit2.Response for method RetrofitServiceInterface.requestGetBaskets E/requestPostOrders: Resources(status=ERROR, data=null, message=Network call has failed for a following reason: Unable to create call adapter for retrofit2.Response for method RetrofitServiceInterface.requestGetBaskets) 2021. 1. 23. 이전 1 2 3 4 5 ··· 8 다음
