손수 그린듯한 디자인의 컴포넌트

다양한 방법이 많지만 결론은 canvs 나 svg로 출력이 된다.
https://stackoverflow.com/questions/18685156/handdrawn-circle-simulation-in-html-5-canvas

https://stackoverflow.com/questions/22891827/how-do-i-hand-draw-on-canvas-with-javascript

canvas에 text font-family 여러개 사용
해결방안 : https://stackoverflow.com/questions/8113866/how-to-set-2-fonts-for-html5-canvas-context

canvas 요소는 기기나 모니터의 픽셀 비율과 독립적으로 동작하기에, 화면에 따라 뿌옇게 보이는 이슈가 있음
해결방안 : https://stackoverflow.com/questions/15661339/how-do-i-fix-blurry-text-in-my-html5-canvas
참고 : https://www.html5rocks.com/en/tutorials/canvas/hidpi/