fabric.js (1) 썸네일형 리스트형 [Next.js] Fabric.js로 그림판 구현하기 이번 사이드 프로젝트를 하며 그림판을 다룰 일이 생겼다.수 많은 라이브러리가 있었지만 그 중 Fabric.js 라이브러리를 선택하여 구현하기로 하였고 선택을 하게된 이유는 다음과 같다.1. 객체 지향적 접근 - 캔버스 내의 각 요소들을 객체로 처리한다. 이를 통해 생성, 수정, 삭제를 쉽게할 수 있게 만들어준다.2. 다양한 플랫폼 지원 - Fabric.js는 모든 브라우저에서 동작하며, 크로스 플랫폼 호환성을 지원한다.3. 다양한 도구 지원 - 브러쉬, 색상 선택, 레이어 관리 등 다양한 그래픽 도구들을 쉽게 커스터마이징 할 수 있다.4. 간편한 이미지 포멧 - 캔버스의 내용을 쉽게 내보낼 수 있다. 첫번째 트러블 슈팅캔버스를 구현하며 가장 처음 맞이한 에러는 hydration 에러이다.Hydration.. 이전 1 다음
