본문 바로가기

분류 전체보기13

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.
Jira를 사용하여 협업하기 jira를 사용하여 소프트웨어 개발 프로세스 살펴보기 https://www.youtube.com/watch?v=YlZ-NtEIsP8 2020. 5. 26.
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.