storybook을 실행하다가 아래와 같은 오류를 마주했다. webpack5 부터는 더이상 node.js를 위한 polyfills를 기본으로 제공하지 않는단다. 하지만, 사용하고 있는 모듈에서 crypto를 활용하기 때문에 에러가 발생한다. > polyfills란

회사에서 plotly를 비롯한 여러 차트 라이브러리를 활용한 패키지를 생성하는 과정에서 문제를 마주하였다. 번들링(Rollup)을 하고 배포를 하려고 하는데 plotly.js는 번들링 과정에서 계속 에러를 냈다. 알고보니, 배포를 위한 plotly 패키지가 따로 있었

React의 setState() 함수를 사용하다 보면 예상과는 다르게 실행되는 경우가 종종 있다. setState() 함수를 통해서 값을 바꾸면 값이 바로 바뀌지 않기 때문에 비동기적이라고 생각할 수 있다. 위 코드와 같이 setCount(1)를 실행한 후 바로 co

리액트에서 custom hook을 만들어서 사용해야하는 경우가 꽤 많다. 하지만, 규칙을 잘 알지 못하면 답답한 에러들을 마주하게 된다.or위 custom hook 함수들과 같이 맨 앞 글자가 대문자인 "DataHandler" 또는 "use"를 맨 앞에 붙여 "useD

Nested Object(중첩된 객체)의 경우 단순 spread operator(...)만으로는 온전한 deep copy가 불가능하다. 왜냐하면 내부 객체도 하나하나 다 spread operator를 사용해 deep copy를 해주지 않으면 결국 내부 객체들은 shal

DB에서 json string을 받아서 가공 후 사용자에게 보여주려고 할 때 필요해서 사용하게 되었다.문자열의 문자를 대체하기 위해서는 replace 메서드를 사용한다.첫 번째 매개변수는 string 또는 Regex(Regular Expression)이 될 수 있다.

기본적인 data type이 아닌 내가 만든 interface나 type으로 구성된 값인지 확인하고 싶은 경우가 있다.