본문 바로가기

전체 글

(35)
react-vis-timeline 'isDataViewLike' 설치 오류 해결방법 react-vis-timeline 설치 오류 해결방법 vis-data를 찾을 수 없다는 오류와 'isDataViewLike'를 export할 수 없다는 경고... 딥빡 stackoverflow를 뒤져본 결과 vis-data 의 버전이 문제라는 것을 확인했다. https://github.com/razbensimon/react-vis-timeline/issues/3 Running the examples · Issue #3 · razbensimon/react-vis-timeline Overview Failure to compile examples Error message: ./node_modules/vis-timeline/esnext/esm/vis-timeline-graph2d.js Attempted impo..
[jQuery] 변화량의 증가/감소에 따라 아이콘 다르게 구현하기 안녕하세요 주갬입니다. 오늘은 변화량을 표현할 때 다양하게 활용할 수 있는 간단한 코드를 들고 왔습니다. VOD 데이터는 저번 달 대비 190%가 늘었고 AUTH데이터는 저번 달 대비 33%가 줄었음을 강조하기 위해 색깔과 화살표 모양을 달리해주었습니다. JQuery를 이용하여 이를 구현할 수 있습니다. 1. 주어진 데이터 변화량 계산 저는 저번 달과 이번 달을 비교했기 때문에 다음과 같은 식으로 변화량을 계산했습니다. ('이번 달 값' - '저번 달 값') / '저번 달 값' * 100 = '변화량' / '저번 달 값' *100 = 변화된 % 여기서 '저번 달 값' 이 0이면 Division by zero가 발생하기 때문에 조건문을 이용해 예외처리를 해주어야 합니다. //PHP if($VODLastWe..
[HTML, CSS] Input박스 안에 아이콘 넣기 (fontawesome) 안녕하세요, 주갬입니다. 얼마전 회사에서 기간 설정 ui를 구성하다가 input 박스 안에 달력 아이콘을 넣어야할 일이 생겼습니다. 인터넷을 찾아보니 input박스의 background 속성으로 이미지를 넣는 방법이 많이 보이던데, 실제로 간단한 아이콘을 삽입할때는 이미지보다는 fontawesome이나 google material icons을 태그 형식으로 넣는 경우가 많을 것이라 생각합니다. 저도 fontawesome을 이용해 개발중이기 때문에 제가 알아낸 방법을 공유드리려고 합니다. 예쁘게 인풋박스 안에 달력 아이콘이 들어가있는 모습입니다. 방법의 핵심은 CSS의 position을 이용하는 것입니다! CSS의 position에는 static, relative, absolute, fixed가 있습니다...

반응형