React: CKEditor 5 Online Builder 적용
React 프로젝트에 Custom Build된 CKEditor를 적용하는 방법을 정리해둔다. 1. React 프로젝트에 CKEditor 5 패키지 설치 npm install @ckeditor/ckeditor5-react 2. CKEditor 5 공식사이트에서 Online Builder 후 다운로드 - https://ckeditor.com/ckeditor-5/online-builder/ - 다운로드 된 zip파일 압축 해제 - React 프로젝트 root 바로 아래로 파일 복사 3. React 프로젝트에 Online Builder로 커스터마이징한 패키지 등록 npm install file:./ckeditor5 4. CKEditor Component 추가 import BuildedEditor from 'ck..
React는 공식적으로는 라이브러리가 맞다. 하지만 실제 웹앱을 만들어 서비스를 올리기 위해서는 상태관리, 라우팅 등 여러 모듈을 붙여야 한다. 그렇기 때문에 사실상 React를 프레임워크라고 부른다. React에 입문하며 꼭 필요한 셋팅법만 정리해둔다. (내가 나중에 볼 용도임) 1. 프로젝트 생성 - Node.js 설치 : https://nodejs.org/ko/download/ - VisualStudio Code 설치 : https://code.visualstudio.com/Download - React 프로젝트 생성 : npx가 맞음. npm 아님. npx create-react-app 프로젝트명 2. 상태관리 - jotai (https://jotai.org/) npm install jotai 3..
- Total
- Today
- Yesterday