사용자의 입력을 받아 차트를 그릴 수 있게 하고 차트를 이미지로 다운 받을 수 있게 하는 사이드 프로젝트를 진행 중입니다.
TypeScript, React, styled-components, react-router, chart.js를 사용하여 진행 중 입니다.
3일전부터 하루에 1 ~ 2시간씩 진행 중입니다. (학교 과제나 다른 일들도 많아서 ㅠㅠ)
차트를 그리고 다운을 받을 수 있게까지 만들었습니다. 그런데 다운을 받은 이미지의 바탕 색이 없어서 다른 곳에 붙여넣기 했을 때 바탕이 검은색으로 나타나는 현상이 나타났습니다. 이 현상을 제거하기 위해 많은 구글링 검색을 하였고 chart.js의 plugin에 특정한 함수를 넣어줘서 해결 했습니다.
그리고 작성한 코드들을 약간씩 리팩토링 하였습니다. 최대한 1개당 1개의 기능을 하도록 나누고 공통적으로 쓰이는 부분은 custom hook으로 만들어 사용하려고 노력하였습니다.
사이드 프로젝트가 무사히 끝난다면 블로그에 포스팅을 해보려고합니다.
4년차 프론트엔드 개발자 문건우입니다.