# editor

React Quill 에디터 사용하기
사용하고 있는 패키지 매니저로 설치하면 된다.yarn add react-quill 또는 npm i react-quilltoolbar를 커스텀할 경우, CustomToolbar 컴포넌트를 만들고 import 해서 사용하면 된다. 최상단의 태그에는 toolbar를 id로
자주 쓰는 리눅스 vi 편집기 명령어
| vi 명령어 | 동작 | | :- | -: | | i | - 현재 커서 위치에 삽입 (입력모드로 넘어감) | | dd | - 커서가 위치한 곳의 한 줄 삭제 (삭제이지만, p로 복구가능) | | yy | - 현재 줄을 버퍼로 복사 (한 줄을 ctrl + c 한다

[WebStorm] usages 기능 끄는 법
웹스톰에서는 다음과 같이 누가 작성한 코드인지, 그리고 코드가 사용된 횟수를 알 수 있다.좋은 기능이긴 하나, 개인적으로 코드를 보는데 있어 좀 많이 불편했다😂 해당 기능을 끄거나 켜는 기능을 구글링하여 찾았고, 방법은 다음과 같다.settings > Editor

Next.js에서 toast editor에 서버에서 불러온 값을 넣어보자..
서버에서 불러온 데이터를 state에 담고 에디터의 옵션인 initialValue에다음과 같이 처리했는데 불러온 데이터가 뜨지를 않는다..

Next.js에서 toast editor를 사용하자..
우선 toast-ui editor는 ssr을 지원하지 않는다. 따라서 Next.js에서 toastu-ui를 설치하고, import해서 사용하면 에러가 날 것이다. Next.js에서는 ssr을 하지 않게 하는 좋은 기능을 제공하는데 바로 Dynamic이다.

[Eclipse/이클립스] @Annotations 기울기 풀기
@Annotations이 기울어져 있는게 굉장히 거슬렸다.. 그래서 바꾸는법을 찾아봤다

Input을 다루는 방법(Input, Textarea, ContentEditable)
에디터 개발 프로젝트를 진행하면서, Input을 구현하기 위해 고려한 사항들

[개발일지] Toast UI Editor 적용
Toast UI Editor 커뮤니티를 만들다보니 Text Editor가 필요해 몇 에디터를 비교해봤다. 무엇보다 사용성에 초점을 두어 내가 사용하기 편한 에디터를 찾게 되었는데, 다름아닌 Toast UI Editor를 선택하게 되었다. Toast UI Editor는
ESLint + Prettier 설정
보통 잘못 입력한 문법 자동으로 수정하기 위해서 사용.코드 포맷터의 역할도 하지만, 코드 에러를 잡아내고 코드 문법을 강제하는 등 코드 품질을 개선에 중점.사용 되지 않은 변수를 오류로 분류하는 no-unused-vars 같은 코드 퀄리티 룰은 prettier 같은 포
이미지 편집 사이트
샘플용 이미지 : https://dribbble.com/Dribbble - Discover the World’s Top Designers & Creative ProfessionalsDiscover the world’s top designers & creativ
[React+Typescript] WebEditor Summernote(with. jQuery)
WebEditor중 하나인 Summernote이다.