자바스크립트2 [HTML, CSS] Input박스 안에 아이콘 넣기 (fontawesome) 안녕하세요, 주갬입니다. 얼마전 회사에서 기간 설정 ui를 구성하다가 input 박스 안에 달력 아이콘을 넣어야할 일이 생겼습니다. 인터넷을 찾아보니 input박스의 background 속성으로 이미지를 넣는 방법이 많이 보이던데, 실제로 간단한 아이콘을 삽입할때는 이미지보다는 fontawesome이나 google material icons을 태그 형식으로 넣는 경우가 많을 것이라 생각합니다. 저도 fontawesome을 이용해 개발중이기 때문에 제가 알아낸 방법을 공유드리려고 합니다. 예쁘게 인풋박스 안에 달력 아이콘이 들어가있는 모습입니다. 방법의 핵심은 CSS의 position을 이용하는 것입니다! CSS의 position에는 static, relative, absolute, fixed가 있습니다... 2021. 8. 25. [DC.js] bar Chart 사용법 정리 및 설명 1. CDN 삽입 jQuery, dc.js, crossfilter CDN 다운 2. barChart 객체 생성 var chart = dc.barChart("#test"); 바 차트를 그려주는 barChart 객체를 생성 후 id="test"인 요소에 해당 차트를 생성해준다는 명령입니다. 3. 데이터를 crossfilter로! Crossfilter is a library for multidimensional filtering and aggregation of tabular data. Crossfilter는 데이터를 다차원으로 바꾸어주고 테이블형식으로 데이터를 통합해주는 자바스크립트 라이브러리입니다. var ndx = crossfilter(testdata), 저는 testdata를 컨트롤러에서 넘겨준 2차원.. 2021. 8. 25. 이전 1 다음 반응형
