10일차 - 깃 협업과 토스트 UI 에디터

Github Flow 진행

git push origin 브랜치_이름 -f

-f 옵션 : 리젝되어도 밀어넣을 수 있다.(강제로 push)

  

git branch -D 브랜치_이름

-D 옵션 : 브랜치 삭제

  

rm -rf *

폴더에 있는 모든 내용을 지운다.

  

git commit --amend

--amend 옵션 : 직전에 실행한 커밋 수정

---

토스트 UI

https://ui.toast.com/

TOAST UI :: Make Your Web Delicious!

https://github.com/nhn/tui.editor/tree/master/docs/ko

GitHub - nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

https://codepen.io/

CodePen

---

 

코드펜에 토스트 UI 에디터 생성

html

<script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>
<link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/toastui-editor.min.css" />
<div id="editor"></div>

js

const Editor = toastui.Editor;

const editor = new Editor({
  el: document.querySelector('#editor')
});

---

코드펜에 토스트 UI 뷰어 생성

html

<script src="https://uicdn.toast.com/editor/latest/toastui-editor-viewer.js"></script>
<link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/toastui-editor-viewer.min.css" />
<div id="viewer"></div>

js

const Viewer = toastui.Editor;

const viewer = new Viewer({
  el: document.querySelector("#viewer"),
  initialValue : "# hello"
});