웹 개발/React

[React] React에서 chart.js 사용해보기

동기 토이 프로젝트로 이것저것 만들어보던 중에 자바스크립트로 데이터를 잘 표현할 수 있는 라이브러리 중에 chart.js라는 게 있다는 걸 알게 되었다. 이걸 한번 사용해볼까 한다. 아직은 사용해보기 이전이라 아무것도 모르겠고, 공식 홈페이지를 읽어보며 몇가지 연습을 해보며 뭔가 배울 때마다 내용을 추가할 예정이다. 과정

[React] React에서 CKEDitor 사용해보기 후기

동기 글 중간중간에 사진을 넣어가면서 내용을 구성할 수 있는 게시판이 만들고 싶었다. 진행 과정 CKEditor Documentation을 적극 활용했다. 많은 사람들이 쓰는 웹 에디터인 만큼 공식 문서가 엄청 친절하게 잘 되어있다. 리액트 컴포넌트로 CKEditor를 사용하는 방법도 여기를 보면 그냥 한눈에 알 수 있다. 전달할 수 있는 props의 수가 매우 많아서 아직 다 파악하지는 못했지만 간단하게 사용하기에는 문제가 없을 것 같다. 하면서 가장 어려웠던 건 이미지를 CKEditor에 붙여넣기해서 넣는 것이었다. 이미 어딘가에 호스팅이 되어 있는 이미지 같은 경우에는 CKEditor가 알아서 src를 잡아서 img 태그로 내용을 만들어줬지만, 로컬에서 파일을 복사해서 넣을 경우에는 프리미엄 버전인..