๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด์ ๋ ธ์ ์ CRUD ๊ธฐ๋ฅ์ ํด๋ก ํ ํ๋ก์ ํธ์ ๋๋ค.
โญ๋
ธ์
ํ๋ก์ ํธ ๋ฐฐํฌ
๐๋
ธ์
ํ๋ก์ ํธ ํ๋ก์ ํธ ํ๊ณ
โโsrc
โ โ App.js
โ โ main.js
โ โ
โ โโPage
โ โ โโeditPage
โ โ โ Editor.js
โ โ โ MarkUpList.js
โ โ โ PostEditPage.js
โ โ โ
โ โ โโlistPage
โ โ โ Header.js
โ โ โ PostList.js
โ โ โ PostPage.js
โ โ โ
โ โ โโstartPage
โ โ StartPage.js
โ โ
โ โโutils
โ api.js
โ debounce.js
โ instanceCheck.js
โ router.js
โ storage.js
โ
โโstyle
style.css
- ํ๋ฉด ์ข์ธก์ Root Documents๋ฅผ ๋ถ๋ฌ์ค๋ API๋ฅผ ํตํด ๋ฃจํธ Documents๋ฅผ ๋ ๋๋งํฉ๋๋ค.
- Root Document๋ฅผ ํด๋ฆญํ๋ฉด ์ค๋ฅธ์ชฝ ํธ์ง๊ธฐ ์์ญ์ ํด๋น Document์ Content๋ฅผ ๋ ๋๋งํฉ๋๋ค.
- ํด๋น Root Document์ ํ์ Document๊ฐ ์๋ ๊ฒฝ์ฐ, ํด๋น Document ์๋์ ํธ๋ฆฌ ํํ๋ก ๋ ๋๋ง ํฉ๋๋ค.
- Document Tree์์ ๊ฐ Document ์ฐ์ธก์๋ + ๋ฒํผ์ด ์์ต๋๋ค. ํด๋น ๋ฒํผ์ ํด๋ฆญํ๋ฉด, ํด๋ฆญํ Document์ ํ์ Document๋ก ์ Document๋ฅผ ์์ฑํ๊ณ ํธ์งํ๋ฉด์ผ๋ก ๋๊น๋๋ค.
- ํธ์ง๊ธฐ์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ์ฅ ๋ฒํผ์ด ์์ต๋๋ค. Document Save API๋ฅผ ์ด์ฉํด ์ง์์ ์ผ๋ก ์๋ฒ์ ์ ์ฅ๋๋๋ก ํฉ๋๋ค.
- History API๋ฅผ ์ด์ฉํด SPA ํํ๋ก ๋ง๋ญ๋๋ค.
- ๋ฃจํธ URL ์ ์ ์์ ๋ณ๋ค๋ฅธ ํธ์ง๊ธฐ ์ ํ์ด ์ ๋ ์ํ์ ๋๋ค.
/documents/{documentId}
๋ก ์ ์์, ํด๋น Document ์ content๋ฅผ ๋ถ๋ฌ์ ํธ์ง๊ธฐ์ ๋ก๋ฉํฉ๋๋ค.
- ํธ์ง๊ธฐ ์ตํ๋จ์๋ ํ์ฌ ํธ์ง ์ค์ธ Document์ ํ์ Document ๋งํฌ๋ฅผ ๋ ๋๋งํ๋๋ก ์ถ๊ฐํฉ๋๋ค.
- ์ฌ๊ทํจ์๋ฅผ ํตํด ํ์๋ฌธ์ ๊ตฌํ
: ์ฌ๊ทํจ์๋ฅผ ์ฌ์ฉํด์ ๋ ธ์ ์ ํ์๋ฌธ์ ๊ธฐ๋ฅ์ ๊ตฌํ
- ๊ฒ์๊ธ ์์ฑ, ์์ , ๋ฐ ์ญ์
- ํ์ ๊ฒ์๊ธ ์์ฑ, ์์ ๋ฐ ์ญ์