/Meetup

๐Ÿ™‹โ€โ™‚๏ธ ์—ฌ๊ธฐ๋ชจ์—ฌ ๐Ÿ’ฅ

Primary LanguageSvelte

์—ฌ๊ธฐ๋ชจ์—ฌ



https://meetup-cocobi24.koyeb.app/

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

ํ•ด๋‹น ํ”„๋กœ์ ํŠธ์˜ ์ด๋ฆ„์ธ '์—ฌ๊ธฐ๋ชจ์—ฌ'๋Š” ์ž์œ ๋กญ๊ฒŒ ๋ชจ์ž„์„ ๋งŒ๋“ค๊ณ  ์ฐธ์—ฌํ•˜์ž๋Š” ์˜๋ฏธ๋ฅผ ๊ฐ–๊ณ  ์žˆ๋‹ค.



๊ธฐ์ˆ  ์Šคํƒ



๊ตฌํ˜„ ๊ธฐ๋Šฅ

  • ๋ชจ์ž„ ๊ด€๋ฆฌ(CRUD)
  • ์ข‹์•„์š” ๊ธฐ๋Šฅ์„ ํ†ตํ•œ filter
  • ๋ฐ˜์‘ํ˜• ์›น
  • Sapper.js๋ฅผ ์ด์šฉํ•œ SSR ๋ฐ Routing
  • Firebase ๊ตฌ์ถ• ๋ฐ koyeb์„ ์ด์šฉํ•œ ๋ฐฐํฌ

์‚ฌ์šฉ ๋ฐฉ๋ฒ•

  • install
    npm install
  • start
    npm run dev



ํ”„๋กœ์ ํŠธ ํšŒ๊ณ 

์ด ํ”„๋กœ์ ํŠธ๋Š” ์Šค๋ฒจํŠธ(Svelte)๋ฅผ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒธ ํ† ์ด ํ”„๋กœ์ ํŠธ๋กœ์จ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.
React๋‚˜ Vue๋“ฑ ๊ธฐ์กด์— ์‚ฌ์šฉํ•ด๋ดค๋˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋„ ์ƒ๊ด€์€ ์—†์—ˆ์ง€๋งŒ,
๊ฐœ๋ฐœ ๊ด€๋ จ ํฌ์ŠคํŒ…์„ ๋ณด๋˜ ์ค‘ ์Šค๋ฒจํŠธ๋ฅผ ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ , ์œ ๋งํ•œ ํ”„๋ ˆ์ž„์›Œํฌ๋ผ๊ณ (์‚ฌ์‹ค ์Šค๋ฒจํŠธ๋Š” ์ปดํŒŒ์ผ๋Ÿฌ์ด๋‹ค.) ํ•˜๊ธธ๋ž˜ ์–ด๋–จ์ง€ ๊ถ๊ธˆํ•ด์„œ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.
์šฐ์„  ๋‹ค๋ฅธ ํ”„๋ ˆ์ž„์›Œํฌ์— ๋น„ํ•ด Svelte๊ฐ€ ๊ฐ–๋Š” ์žฅ์ ์€ ์—ญ์‹œ, ๊ฐ„๊ฒฐํ•œ ์ฝ”๋“œ๋กœ ๋น ๋ฅธ ์ƒ์‚ฐ์„ฑ์„ ๋‚ผ ์ˆ˜ ์žˆ๋Š”๋‹ค๋Š” ๊ฒƒ๊ณผ ๋งค์šฐ ์ž‘์€ ํฌ๊ธฐ์˜ ๋ฒˆ๋“ค ํŒŒ์ผ์„ ์ƒ์„ฑํ•˜๋ฉฐ ๋น ๋ฅธ ํด๋ผ์ด์–ธํŠธ ์„ฑ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค๋Š” ๊ฒƒ ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

Good

  • ์Šค๋ฒจํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•œ ๊ฒƒ
  • ๊ธฐ์กด ์Šค๋ฒจํŠธ ํ”„๋กœ์ ํŠธ์—์„œ Sapper ํ”„๋กœ์ ํŠธ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•œ ๊ฒƒ
  • Firebase ๊ตฌ์ถ• ๋ฐ koyeb์œผ๋กœ ๋ฐฐํฌํ•œ ๊ฒƒ

Bad

  • ์ถ”ํ›„์— ์ถ”๊ฐ€ํ•  ๊ธฐ๋Šฅ์ด์ง€๋งŒ, ์•„์ง ๊ตฌํ˜„ํ•˜์ง€ ์•Š์€ ๊ธฐ๋Šฅ์ด ๋งŽ๋‹ค๋Š” ์‚ฌ์‹ค