ํด๋น ํ๋ก์ ํธ์ ์ด๋ฆ์ธ '์ฌ๊ธฐ๋ชจ์ฌ'๋ ์์ ๋กญ๊ฒ ๋ชจ์์ ๋ง๋ค๊ณ ์ฐธ์ฌํ์๋ ์๋ฏธ๋ฅผ ๊ฐ๊ณ ์๋ค.
- ๋ชจ์ ๊ด๋ฆฌ(CRUD)
- ์ข์์ ๊ธฐ๋ฅ์ ํตํ filter
- ๋ฐ์ํ ์น
- Sapper.js๋ฅผ ์ด์ฉํ SSR ๋ฐ Routing
- Firebase ๊ตฌ์ถ ๋ฐ koyeb์ ์ด์ฉํ ๋ฐฐํฌ
- install
npm install
- start
npm run dev
์ด ํ๋ก์ ํธ๋ ์ค๋ฒจํธ(Svelte)๋ฅผ ๊ณต๋ถํ๋ ๊ฒธ ํ ์ด ํ๋ก์ ํธ๋ก์จ ์์ํ๊ฒ ๋์๋ค.
React๋ Vue๋ฑ ๊ธฐ์กด์ ์ฌ์ฉํด๋ดค๋ ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ํด๋ ์๊ด์ ์์์ง๋ง,
๊ฐ๋ฐ ๊ด๋ จ ํฌ์คํ
์ ๋ณด๋ ์ค ์ค๋ฒจํธ๋ฅผ ์๊ฒ ๋์๊ณ , ์ ๋งํ ํ๋ ์์ํฌ๋ผ๊ณ (์ฌ์ค ์ค๋ฒจํธ๋ ์ปดํ์ผ๋ฌ์ด๋ค.) ํ๊ธธ๋ ์ด๋จ์ง ๊ถ๊ธํด์ ๊ณต๋ถ๋ฅผ ์์ํ๋ ๊ฒ ๊ฐ๋ค.
์ฐ์ ๋ค๋ฅธ ํ๋ ์์ํฌ์ ๋นํด Svelte๊ฐ ๊ฐ๋ ์ฅ์ ์ ์ญ์, ๊ฐ๊ฒฐํ ์ฝ๋๋ก ๋น ๋ฅธ ์์ฐ์ฑ์ ๋ผ ์ ์๋๋ค๋ ๊ฒ๊ณผ ๋งค์ฐ ์์ ํฌ๊ธฐ์ ๋ฒ๋ค ํ์ผ์ ์์ฑํ๋ฉฐ ๋น ๋ฅธ ํด๋ผ์ด์ธํธ ์ฑ๋ฅ์ ์ ๊ณตํ๋ค๋ ๊ฒ ์ด๋ผ๊ณ ์๊ฐํ๋ค.
- ์ค๋ฒจํธ๋ฅผ ์ด์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ์์ํ ๊ฒ
- ๊ธฐ์กด ์ค๋ฒจํธ ํ๋ก์ ํธ์์ Sapper ํ๋ก์ ํธ๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ ๊ฒ
- Firebase ๊ตฌ์ถ ๋ฐ koyeb์ผ๋ก ๋ฐฐํฌํ ๊ฒ
- ์ถํ์ ์ถ๊ฐํ ๊ธฐ๋ฅ์ด์ง๋ง, ์์ง ๊ตฌํํ์ง ์์ ๊ธฐ๋ฅ์ด ๋ง๋ค๋ ์ฌ์ค