WEB12 Tiptap 사용법 vue 프로젝트를 하다가 실시간으로 공동 편집을 할 수 있는 텍스트 에디터를 찾아보면 prosemirror 기반의 것을 사용해야할 것이라고 생각되요. 그중에 tiptap 라이브러리를 소개하려고합니다. 나만 그런건지 모르겠지만. 이거 문서만 보거나 하면 css라던가 Options이 잘 안먹는다. 그래서 삽질했던 것들을 적어보려고합니다. 우선 tiptap 사이트에 가봅시다. https://tiptap.scrumpy.io/ tiptap tiptap.scrumpy.io 처음 다운로드하는 것은 간단합니다. npm install --save tiptap tiptap-extensions // or yarn add tiptap tiptap-extensions npm이나 yarn으로 설치가 가능합니다. 설치 후 ( 다양.. 2020. 5. 27. moment.js 한글화 (오전/ 오후) AM/ PM 참고 : https://kyungw00k.github.io/2011/11/17/moment-js-%ED%95%9C%EA%B8%80-%EC%96%B8%EC%96%B4%ED%8C%A9-%EC%B6%94%EA%B0%80/ Moment.js 한글 언어팩 추가 A lightweight javascript date library for parsing, manipulating, and formatting dates. 라는 것인데, 간단히 말해 Date Fomatting Library라고 보면 될 것 같다. “14시간 전” 처럼 보여줄 수도 있고, 아니면 임의로 형식을 � kyungw00k.github.io 위에 껄 다 해보진 않았지만, 밑에처럼 함수로 만들어 해야 오전 오후가 잘 나옴 2020. 5. 19. VSCode에서 node.js 실행과 TypeScript 다운 및 실행하기 VSCode를 킨 다음에 Terminal에서 New Terminal을 클릭 해 주시면, 아래에 CMD 창이 뜨는 것을 볼 수 있습니다. 여기서 node라고 치시면 nodejs를 실행 시킬 수 있습니다. 하지만 그 전에 node와 npm의 버전을 확인하여 잘 다운로드 되었는지 확인합니다. 만약 안되시는 분들은 재실행을 하시면 될 것 같습니다. 환경 변수 설정 후 VSCode를 실행 하셔야 합니다. 그리고 Opne Folder를 눌러 작업이나 test할 폴더를 만들어서 설정을 해 주세요. 그러면 VSCode가 Workspace를 가지고 새롭게 시작될 것입니다. 새로운 경로로 VSCode를 시작했다면, PowerShell이나 CMD에서 npm init을 치고 엔터를 눌러주세요. 그러면 다음과 같이 packag.. 2019. 5. 18. node.js 다운로드 방법 not install, in windows 10 google에 node js 를 검색 하고, node.org로 가주세요. 이 큰 것을 누르는 것 보다는 우리는 install이 아니기 때문에 Other Downloads를 클릭 하면 됩니다. 여기서 Binary (.zip)을 해당 bit에 맞는 것으로 다운로드 해 주세요. 그리고 원하는 폴더에 놓고 압축파일을 압축풀기 해주세요. 이렇게 다운이 될 것입니다. 이 경로를 환경변수에 추가하면 됩니다. 아무 폴더를 연 뒤에 왼쪽에서 내 PC를 마우스 오른쪽 클릭 하시면 됩니다. 그리고 속성에 들어가 주세요. 그리고 왼쪽에서 고급 시스템 설정을 클릭 환경 변수 클릭 path 를 더블 클릭 수 아까의 경로를 추가 해 줍니다. 그리고 CMD 창을 켜서 node -v 라고 적으시면 nodejs의 버전을 볼 수 있을 것.. 2019. 5. 18. 이전 1 2 3 다음
