광고 한 번씩 클릭해 주시면 글 쓰는데 큰 힘이 됩니다 (제발~)
728x90

IT/css 7

chart js 에서 라벨에 따라 차트바 색상 변경방법

짝수 홀수에 따라서 차트바 색상이 변경되는 것과 라벨에 따라 차트바 색상이 변경되야 하는 두가지를 버전을 써야 되는 상황이 와서 정리해본다 1. 우선 짝수 홀수 datasets 안에 backgroundColor: function(context) { var index = context.dataIndex; return index % 2 === 0 ? '#ea8474' : '#f6cf7a'; 해당 내용으로 하면 되고 또한 라벨에 따라서 하는 방법은 2. 라벨 내용에 따라 변경 backgroundColor: function(context) { var label = context.chart.data.labels[context.dataIndex]; if(label == '대한'){ return '#F9AE1D'; ..

IT/css 2024.01.31

google webfonts helper - 구글 폰트 다운로드 및 css 지원

올해 프로젝트를 하면서 UI/UX부분은 외주를 줬는데 계약기간 다 끝나고, 소스를 고객사 테스트 서버에 적용을 했다. 그리고 곧 안좋은? 소식을 접하게 되었다~ "폰트를 구글껄 썼는데요? 유지보수 분들 자리에서 적용이 안되요~" 아차!!!!!!!!!!!!!!!! 고객사 서버는 내부망이라 외부소스를 가지고 올 수가 없는 붙을수가 없는 구조였다. ㅠㅜ 애들도 다 지 자리에서 개발하다보니 별 생각안했던것 같고 내가 사실 외주분과 미팅할때 가이드를 해줬어야했는데 나도 깜빡한 부분이였다. (근데 PM이 이런것도 챙기는게 맞나? 여튼 맞다 치자...) 잠깐 어차피 유지보수야 폰트 좀 깨져도 뭐? 등 이런저런 생각이 들었으나...ㅋㅋ 그래도 명색이 개발자인데~~ 라는 생각에 방법을 찾아보자라는 생각으로 @import..

IT/css 2021.12.13

웹 접근 검사 오류 유형 - "적절한 링크 테스트" 해결 방안

공공기관 프로젝트를 진행하다보니 막판에 웹 접근 검사를 실시하는데 적절한 링크 테스트 오류가 계속 발생~ 사실 일반적이면 쉽게 조치가 가능하지만, 현재 문제가 되는 소스부분은 css class에 a태그를 넣을 경우 백그라운드 이미지가 있는 구조다. -> 요딴식으로 오픈왁스(OpenWAX)로 점검을 해보니 a 태그를 쓰고 안에 내용이 없어서 오류로 인식하는거였는데~ 공백을 넣던가 여튼 안에 뭔가를 넣으면 기존 구조가 깨지는 구조였다. (별것도 아닌것이 잘 안되니 개스트레스...) 최대한 stylesheet 안 건들고 별 짓을 다 해보다가 찾아낸 방법? 꼼수? 여튼 해결방안으로는... 위처럼 처리해주면 된다. 공백만 있으면 깨지니까 공백넣은 div를 날려버리는거지~ 그럼 웹 접근 검사에서 패스하게 된다 ㅋㅋ..

IT/css 2021.12.01
728x90