์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

Vue๋กœ Nodebird SNS ๋งŒ๋“ค๊ธฐ

Vue์™€ Nuxt ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•ด SNS ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ญ๋‹ˆ๋‹ค. ์„œ๋น„์Šค์— ํ•„์š”ํ•œ ํ’€์Šคํƒ ์ง€์‹์„ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.

Thumbnail

์ค‘๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[ํ”„๋ก ํŠธ์—”๋“œ, ์›น ๊ฐœ๋ฐœ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • Vue

  • Nuxt

  • Vuex

  • Vuetify

  • Vue Router

  • SSR + SEO

  • Node.js + MySQL

  • AWS ๋ฐฐํฌ

์ œ๋กœ์ดˆ์˜ Vue๋กœ ๋งŒ๋“œ๋Š”
ํ’€์Šคํƒ SNS ๊ฐ•์ขŒ!

ํŠธ์œ„ํ„ฐ์™€ ๋น„์Šทํ•œ(์ด๋ผ๊ณ  ์“ฐ๊ณ  ์งํ‰์ด๋ผ ์ฝ๋Š”๋‹ค) ์ œ๋กœ์ดˆ์˜ ์‹œ๊ทธ๋‹ˆ์ฒ˜ ํ”„๋กœ์ ํŠธ NodeBird SNS๋ฅผ ๋งŒ๋“ค์–ด๋ณด๋ฉฐ, Vue + Vuex + Nuxt.js(SSR) + Vuetify + Node + Express + Sequelize(MySQL)๋ฅผ ๋ฐฐ์›๋‹ˆ๋‹ค.
๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™”์™€ AWS ๋ฐฐํฌ(๊ฐ„๋‹จํ•˜๊ฒŒ EC2 + Lambda + S3 + Route53 ์‚ฌ์šฉ)๋Š” ๋ณด๋„ˆ์Šค!

์‹ค์Šต์„ ํ†ตํ•ด ์ง์ ‘ ๋งŒ๋“ค๋ฉฐ
๋ฐฐ์›Œ๋ณผ ์ˆ˜ ์žˆ์–ด์š”!

๋กœ๊ทธ์ธ, ๊ฒŒ์‹œ๊ธ€ ์ž‘์„ฑ, ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ, ์ข‹์•„์š”, ๋Œ“๊ธ€, ๋ฆฌํŠธ์œ—

์ธํ”ผ๋‹ˆํŠธ ์Šคํฌ๋กค๋ง, ํŒ”๋กœ์šฐ, ์–ธํŒ”๋กœ์šฐ

ํ•ด์‹œํƒœ๊ทธ ๊ฒ€์ƒ‰, ์œ ์ € ํ”„๋กœํ•„


#1
์†Œ์Šค ์ฝ”๋“œ๋ฅผ
์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

https://github.com/zerocho/vue-nodebird (๋ฐ”๋กœ๊ฐ€๊ธฐ)

ํ•ด๋‹น ๊ฐ•์˜์˜ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋ชจ๋‘ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

#2
์งˆ๋ฌธ์— ๋น ๋ฅด๊ฒŒ
๋Œ€๋‹ตํ•ด ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ œ ๊ฐ•์ขŒ์˜ ์žฅ์ ์€ Q&A์ž…๋‹ˆ๋‹ค. ์งˆ๋ฌธํ•˜์‹œ๋ฉด ํ•˜๋ฃจ ์•ˆ์— ๋‹ต๋ณ€๋“œ๋ ค์š”.
๊ฐ•์ขŒ ๊ด€๋ จ ๋‚ด์šฉ์„ ์ž์œ ๋กญ๊ฒŒ ์งˆ๋ฌธํ•˜์‹œ๋ฉด์„œ ๋Šฅ๋™์ ์œผ๋กœ ๊ณต๋ถ€ํ•ด ๋ณด์„ธ์š”.
๋‚ด์šฉ์„ ์ดํ•ดํ•˜๊ธฐ์— ๋” ๋„์›€์ด ๋  ๊ฑฐ์˜ˆ์š”!


์ฐธ๊ณ  ์‚ฌํ•ญ


์—ฐ๊ด€ ๊ฐ•์ขŒ

[๋ฆฌ๋‰ด์–ผ] Node.js๊ต๊ณผ์„œ - ๊ธฐ๋ณธ๋ถ€ํ„ฐ ํ”„๋กœ์ ํŠธ ์‹ค์Šต๊นŒ์ง€ 
๋…ธ๋“œ์— ๋Œ€ํ•œ ํ•ต์‹ฌ ๊ฐœ๋…์„ ์ตํžŒ ํ›„,
์‹ค์ „ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด ์‹ค๋ฌด์— ๋›ฐ์–ด๋“ค ์ค€๋น„๋ฅผ ๊ฐ–์ถฅ๋‹ˆ๋‹ค.
Node.js๊ต๊ณผ์„œ๋ฅผ ๋จผ์ € ์ˆ˜๊ฐ•ํ•˜๋ฉด ๋ฐฑ์—”๋“œ ์ดํ•ด์— ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

React๋กœ๋„ ๋งŒ๋“ค์–ด ๋ณผ๊นŒ์š”?

React๋กœ Nodebird SNS ๋งŒ๋“ค๊ธฐ
React๋กœ ๋ฐฐ์šฐ๋Š” 20์‹œ๊ฐ„์งœ๋ฆฌ(์–ด๋งˆ์–ด๋งˆ)
ํ’€์Šคํƒ ๊ฐ•์ขŒ!

TypeScript๋กœ๋„ ๋งŒ๋“ค์–ด ๋ณผ๊นŒ์š”?

Node.js์— TypeScript ์ ์šฉํ•˜๊ธฐ(feat. NodeBird)
NodeBird(ํŠธ์œ„ํ„ฐ ๋”ฐ๋ผ ๋งŒ๋“ค๊ธฐ) ๊ฐ•์ขŒ์˜ ์˜ˆ์ œ๋ฅผ
ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์ „ํ™˜ํ•ด๋ด…๋‹ˆ๋‹ค.
 

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • Vue๋กœ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„

  • SSR์„ ํ†ตํ•ด ๊ฒ€์ƒ‰์—”์ง„์ตœ์ ํ™”๋ฅผ ํ•˜๊ณ ์‹ถ์€ ๋ถ„

  • ํ’€์Šคํƒ ๊ฐ•์ขŒ๋ฅผ ์›ํ•˜์‹œ๋Š” ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • Vue ๊ธฐ๋ณธ ๋ฌธ๋ฒ•(๋ฌด๋ฃŒ ๊ฐ•์ขŒ ์‹œ์ฒญํ•˜๊ธฐ)

์•ˆ๋…•ํ•˜์„ธ์š”
์ œ๋กœ์ดˆ(์กฐํ˜„์˜)์ž…๋‹ˆ๋‹ค.

62,181

๋ช…

์ˆ˜๊ฐ•์ƒ

1,437

๊ฐœ

์ˆ˜๊ฐ•ํ‰

9,529

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

21

๊ฐœ

๊ฐ•์˜

์ œ ๊ฐ•์˜์˜ ์žฅ์ ์€ Q&A์ž…๋‹ˆ๋‹ค(์ธํ”„๋Ÿฐ ๋‹ต๋ณ€์™• 2ํšŒ ์ˆ˜์ƒ). 24์‹œ๊ฐ„ ์ด๋‚ด์— ์ตœ๋Œ€ํ•œ ๋‹ต๋ณ€๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๊ฐ™์ด ๊ณ ๋ฏผํ•œ๋‹ค๋Š” ๋Š๋‚Œ์œผ๋กœ ๋‹ต๋ณ€ ๋“œ๋ฆด๊ฒŒ์š”!

https://www.zerocho.com/lecture

์ œ๋กœ์ดˆ ๊ฐ•์˜ ์ „์ฒด ๋กœ๋“œ๋งต

 

โ€“ Node.js๊ต๊ณผ์„œ, ์ฝ”๋”ฉ์ž์œจํ•™์Šต ์ œ๋กœ์ดˆ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, Let's Get IT ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ต๊ณผ์„œ ์ €์ž 
โ€“ ZeroCho.com ์šด์˜์ž
โ€“ ํ˜„) ์œ ํŠœ๋ธŒ์—์„œ ZeroCho TV๋กœ ๊ฐœ๋ฐœ ๊ด€๋ จ ๋ฐฉ์†ก์ค‘ 
โ€“ ํ˜„) ์Šค๋ชจ์–ดํ†ก CTO 
โ€“ ์ „) ์˜ค๋Š˜์˜ํ”ฝ์—… CTO(์นด์นด์˜ค๋ชจ๋นŒ๋ฆฌํ‹ฐ์— ์—‘์‹ฏ ํ›„ ์นด์นด์˜ค๋ชจ๋นŒ๋ฆฌํ‹ฐ ์ตœ์—ฐ์†Œ ๊ฐœ๋ฐœํŒŒํŠธ์žฅ)

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

71๊ฐœ โˆ™ (15์‹œ๊ฐ„ 11๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

47๊ฐœ

4.8

47๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

์ œ๋กœ์ดˆ(์กฐํ˜„์˜)๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

โ‚ฉ66,000