프로그래밍/Frontend

이전 포스팅에서 예쁜 자바스크립트 차트로 amcharts를 소개했었는데요! https://domdom.tistory.com/2?category=970264 [javascript Chart] 예쁜 자바스크립트 차트 (javascript chart) 사이트 amcharts! 최근에 자주쓰고있는 차트 사이트 amcharts 개인적으로 기능성, 응용성, 디자인 세 가지 모두 괜찮은 차트다. 사용법도 너무 간단하고, 디자인도 예쁘고, 무엇보다 응용력이 쩌는 차트! 한 차트를 domdom.tistory.com amcharts를 사용하면서 불편했던 점은, 무료로 사용할 경우 amcharts의 로고가 그래프마다 계속 생긴다는 점이에요. 이번에는 무료로, 로고없이, 다양하게 커스텀이 가능한 echarts를 소개해드리려고..

프로그래밍/Frontend

npm install styled-reset 우선 styled-reset 을 설치해줍니다. styled-components는 local로 돌아가기 때문에 global 한 css 를 만들기 위해서 createGlobalStyle 을 styled-components 로부터 import 해줍니다. 그리고 방금 설치한 styled-reset 도 import 해줍니다. import { createGlobalStyle } from 'styled-components'; import reset from 'styled-reset'; 그리고 GlobalStyles 라는 컴포넌트를 만들어줍니다. const GlobalStyles = createGlobalStyle` ${reset}; `; 참고로 ${reset} 내용을 출력..

프로그래밍/Frontend

Uncaught TypeError: is not a function 함수를 찾을 수 없는 경우 함수명이 태그 id, name 등과 동일하거나 함수 내에 오류가 발생하는 코드가 있따면 발생한다!! 함수명을 겹치지 않게 사용하거나, 함수 내에서 어디서 오류가 뜨는지 console.log로 출력해보면서 확인해보아야 한다.