[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐ŸŽจ ์‹ ์„ธํ•œํƒ„์˜ CSR&SSR

  ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 19,287

์šฐ์•„ํ•œํ…Œํฌ

์šฐ์•„ํ•œํ…Œํฌ

ะšาฏะฝ ะฑาฑั€ั‹ะฝ

๐Ÿ™‹โ€โ™€๏ธ ์šฐ์•„ํ•œํ…Œํฌ์ฝ”์Šค์˜ ํฌ๋ฃจ๋“ค์ด ์ง„ํ–‰ํ•˜๋Š” 10๋ถ„ ํ…Œํฌํ† ํฌ์ž…๋‹ˆ๋‹ค. ๐Ÿ™‹โ€โ™‚๏ธ
'10๋ถ„ ํ…Œ์ฝ”ํ†ก'์ด๋ž€ ์šฐ์•„ํ•œํ…Œํฌ์ฝ”์Šค ๊ณผ์ •์„ ์ง„ํ–‰ํ•˜๋ฉฐ ํฌ๋ฃจ(์ˆ˜๊ฐ•์ƒ)๋“ค์ด ๋™๋ฃŒ๋“ค๊ณผ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ๊ณต์œ ํ•˜๊ณ  ์ด์•ผ๊ธฐํ•˜๋Š” ์‹œ๊ฐ„์ž…๋‹ˆ๋‹ค. ์„œ๋กœ๊ฐ€ ์„ฑ์žฅํ•˜๊ธฐ ์œ„ํ•ด ์ง€์‹์„ ๋‚˜๋ˆ„๊ณ  ๋Œ€ํ™”ํ•˜๋ฉฐ ์ƒ๊ฐํ•ด๋ณด๋Š” ์‹œ๊ฐ„์œผ๋กœ ์ž๊ธฐ ์ฃผ๋„์ ์ธ ์„ฑ์žฅ์„ ์ง€ํ–ฅํ•˜๋Š” ์šฐ์•„ํ•œํ…Œํฌ์ฝ”์Šค์˜ ๋ฌธํ™” ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.
๐ŸŒ•์šฐ์•„ํ•œํ…Œํฌ์ฝ”์Šค๋ž€ ๐ŸŒ•
์šฐ์•„ํ•œํ…Œํฌ์ฝ”์Šค๋Š” ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž์šฉ ์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ•˜๋Š” ํšŒ์‚ฌ๊ฐ€ ํ•„์š”๋กœ ํ•˜๋Š” ์—ญ๋Ÿ‰์„ ๊ฐ€์ง„ ํ”„๋กœ๊ทธ๋ž˜๋จธ๋ฅผ ์–‘์„ฑํ•˜๊ธฐ ์œ„ํ•œ ๊ต์œก์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ์˜ ๋ชฉํ‘œ๋Š” ์ž๊ธฐ ์ฃผ๋„์ ์œผ๋กœ ํ•™์Šตํ•˜๊ณ  ์„ฑ์žฅํ•˜๊ณ  ์‹ถ์€ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๊ต์œก์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
*์šฐ์•„ํ•œํ…Œํฌ์ฝ”์Šค 3๊ธฐ๋Š” โ€œ์˜จ๋ผ์ธโ€์œผ๋กœ ๊ฐ•์˜ ๋ฐ ๋ฐœํ‘œ๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์˜จ๋ผ์ธ ๋ฐœํ‘œ ํ™”๋ฉด์ธ ์  ์ฐธ๊ณ  ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค : )
*3๊ธฐ๋ถ€ํ„ฐ, ํ”„๋ก ํŠธ์—”๋“œ ๊ณผ์ •์ด ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ะŸั–ะบั–ั€ะปะตั€: 22
@Doppio_00
@Doppio_00 2 ะถั‹ะป ะฑาฑั€ั‹ะฝ
์ž˜๋ชจ๋ฅด๋Š” ๊ฐœ๋… ์•Œ๋ ค๊ณ  ๊ฒ€์ƒ‰ํ•˜๋‹ค๊ฐ€ ์ด ํ…Œ์ฝ”ํ†ก์ด๋ผ๋Š”๊ฑธ ์ข…์ข… ๋ณด๊ฒŒ๋˜๋Š”๋ฐ ์ง„์งœ ์„ค๋ช…์ด ์ œ์ผ ๊ดœ์ฐฎ์Œ ๋‹ค๋ฅธ ์œ ํŠญ์€ ๋ญ๋ผ๊ณ ํ•˜๋Š”๋ฐ ๋ญ์ง€..? ๋ญ”์†Œ๋ฆฌ์ง€..? ๋‚ด๊ฐ€ ๋ณ‘์‹ ์ธ๊ฐ€? ์ด๋Ÿฐ ์ƒ๊ฐ์ด ์ข…์ข… ๋“œ๋Š”๋ฐ ์—ฌ๊ธฐ๋Š” ์•„ ๊ทธ๋ž˜์„œ ์ด๋ ‡๊ฒŒ ๋ถ€๋ฅด๋Š”๊ตฌ๋‚˜ ์ด๋Ÿฐ ์ƒ๊ฐ์ด ๋“ฆ
@์ด๋ฆ„์„ฑ-x5l
@์ด๋ฆ„์„ฑ-x5l ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
๊ฐœ๊ฟ€์ฑ„๋„
@youngj6367
@youngj6367 ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
์•…ํ”Œ์„ ๋ชป๋‹ฌ๊ฒ ๋„ค์š”. ๋ฐœํ‘œ์ž๋‹˜ ์กด๊ฒฝํ•ฉ๋‹ˆ๋‹ค.
@ella-yschoi
@ella-yschoi ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
์ดํ•ดํ•˜๋Š”๋ฐ์— ์ •๋ง ํฐ ๋„์›€ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค! ์˜์ƒ ๋ณต์Šตํ•˜๋ฉด์„œ ๊ณต๋ถ€ ํ–ˆ์–ด์š”. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค :)
@์ž‰๋ธŒ1
@์ž‰๋ธŒ1 2 ะถั‹ะป ะฑาฑั€ั‹ะฝ
csr ssr ๊ฐœ๋… ์ดํ•ดํ•˜๋ ค๊ณ  ๋“ค์–ด์™”๋Š”๋ฐ ๋ฐ”๋กœ ์ดํ•ด๋˜๋„ค์š” ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!
@EverydayWorkingHard
@EverydayWorkingHard 2 ะฐะน ะฑาฑั€ั‹ะฝ
์ง„์งœ ์„ค๋ช… ๋„ˆ๋ฌด ์ข‹๋‹ค... ๋ฏธ์ณค๋‹ค
@์กฐ๋ณ‘๊ทœ-v3j
@์กฐ๋ณ‘๊ทœ-v3j 2 ะถั‹ะป ะฑาฑั€ั‹ะฝ
๊น”๋”ํ•˜๊ณ  ์‰ฌ์šด์„ค๋ช… ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.
@anyoungyoon2876
@anyoungyoon2876 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
๊ฐํƒ„~
@์ •ํ˜œ์ง€-t1i
@์ •ํ˜œ์ง€-t1i 2 ะถั‹ะป ะฑาฑั€ั‹ะฝ
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!
@๋ฐ•์ฐฝํฌ-r4e
@๋ฐ•์ฐฝํฌ-r4e ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
๊น”๋”ํ•œ ์„ค๋ช… ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค
@billyoh444
@billyoh444 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
์˜ฅ์Ÿ๋ฐ˜์— ์€๊ตฌ์Šฌ ๊ตด๋Ÿฌ๊ฐ€๋Š” ๊ฒƒ๋งŒ ๊ฐ™์€ ๋ชฉ์†Œ๋ฆฌ๋กœ ์„ค๋ช…ํ•ด์ฃผ์‹œ๋‹ˆ ๊ท€์— ์™์™๋“ค์–ด์˜ค๋„ค์š”.
@jamie-choi
@jamie-choi 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
์ข‹์€ ๋ฐœํ‘œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค :D
@GB-vz8pk
@GB-vz8pk 2 ะถั‹ะป ะฑาฑั€ั‹ะฝ
์šฐ์™€ csr ssr ๋น„๊ต ์˜์ƒ ์ค‘ ์ตœ๊ณ ๋กœ ์ž˜ ๋งŒ๋“œ์‹  ๊ฑฐ ๊ฐ™์•„์š”.. ์ง„์งœ ์›ํŠธ์— ์ž˜ ์ดํ•ด ๋ชปํ•˜๋Š” ์ œ๊ฐ€ ํ•œ๋ฐฉ์— ์ดํ•ดํ–ˆ๋„ค์š”. ์˜์ƒ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ใ…œใ…œ
@๊ณ ๋ž˜๊ณ ๋ž˜๋ฐฅ-j7c
@๊ณ ๋ž˜๊ณ ๋ž˜๋ฐฅ-j7c 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค
@lionsama-w2t
@lionsama-w2t ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
์‹ ์„ธํ•œํƒ„ ๋ฏธ์ณค๋‹ค
@rcn_2931
@rcn_2931 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
์ฝ”๋ฆฐ์ด ์ž˜ ๋ฐฐ์›Œ๊ฐ‘๋‹ˆ๋‹ค~
@Daniel-yw8mp
@Daniel-yw8mp 2 ะถั‹ะป ะฑาฑั€ั‹ะฝ
์ด๊ฑธ๋กœ ๋„์›€ ๋งŽ์ด ๋ฐ›์•˜์Šต๋‹ˆ๋‹คใ…Žใ…Ž
@์˜ค์ฐฝํ˜„-g3f
@์˜ค์ฐฝํ˜„-g3f 11 ะฐะน ะฑาฑั€ั‹ะฝ
SPA: SinglePageApplication: ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€๋กœ ์ด๋ฃจ์–ด์ง„ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜. ์›ํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ๋™์ ์œผ๋กœ ๊ฐˆ์•„๋ผ์šธ ์ˆ˜ ์žˆ์Œ. ํ™”๋ฉด ๊นœ๋นก์ž„ ์—†์Œ. MPA: MultiPageApplication: ํƒญ์„ ์ด๋™ํ•  ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์ƒˆ๋กœ์šด HTML์„ ๋ฐ›์•„์™€ ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ์ƒˆ๋กœ ๋ Œ๋”๋ง. ํ™”๋ฉด ๊นœ๋นก์ž„ ์žˆ์Œ. CSR: ClientSideRendering: SPA ๋ฐฉ์‹์—์„œ ์‚ฌ์šฉ, ์›น ์–ดํ”Œ์ผ€์ด์…˜์—์„œ ํ•„์š”ํ•œ ์ •์  ๋ฆฌ์†Œ์Šค๋ฅผ ์ดˆ๋ฐ˜ ํ•œ๋ฒˆ์— ๋‹ค์šด๋กœ๋“œ, ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€ ์š”์ฒญ์ด ์žˆ์„ ๋•Œ ํŽ˜์ด์ง€ ๊ฐฑ์‹ ์— ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋งŒ ์ „๋‹ฌ๋ฐ›์•„ ํด๋ผ์ด์–ธํŠธ์—์„œ ํŽ˜์ด์ง€๋ฅผ ๊ฐฑ์‹ . ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ ๋ Œ๋”๋ง ํ•˜๋Š” ๋ฐฉ์‹. SSR: ServerSideRendering: MPA ๋ฐฉ์‹์—์„œ ์‚ฌ์šฉ, ์ƒˆ๋กœ์šด ์š”์ฒญ์ด ์žˆ์„ ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ ์ด๋ฏธ ๋ Œ๋”๋ง๋œ ์ •์  ๋ฆฌ์†Œ์Šค๋ฅผ ๋‹ค์šด๋กœ๋“œ. ์„œ๋ฒ„ ์ธก์—์„œ ๋ Œ๋”๋ง ํ•˜๋Š” ๋ฐฉ์‹. ์š”์ฒญํ•œ ์ฆ‰์‹œ ๋ฐ์ดํ„ฐ๊ฐ€ ๋งŒ๋“ค์–ด์ ธ, ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋‘๊ธฐ ์–ด๋ ค์šด ํŽ˜์ด์ง€์— ์ ํ•ฉ. SSG: StaticSideGeneration: ์„œ๋ฒ„์—์„œ HTML์„ ๋ณด๋‚ด์ค€๋‹ค๋Š” ์ธก๋ฉด์—์„  SSR๊ณผ ๋น„์Šท, ์–ธ์ œ ๋งŒ๋“ค์–ด์กŒ๋Š๋ƒ ์ฐจ์ด๊ฐ€ ์žˆ์Œ. ํŽ˜์ด์ง€๋“ค์„ ์„œ๋ฒ„์— ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด๋‘๊ณ , ์š”์ฒญ์‹œ ํ•ด๋‹น ํŽ˜์ด์ง€ ์‘๋‹ต. ๋ฐ”๋€” ์ผ์ด ๊ฑฐ์˜ ์—†๋Š” ํŽ˜์ด์ง€์— ์ ํ•ฉ.
@ํ‹ฐ๋ผ๋…ธ-y5h
@ํ‹ฐ๋ผ๋…ธ-y5h ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
์‹ ์„ธํ•œํƒ„ ใ…‹ใ…‹
@gtah2yk
@gtah2yk 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘ ๐Ÿ‘
@mmaaammy
@mmaaammy 3 ะถั‹ะป ะฑาฑั€ั‹ะฝ
Super super rare!
@์šฐ์ง€์˜ˆ-w8v
@์šฐ์ง€์˜ˆ-w8v ะ–ั‹ะป ะฑาฑั€ั‹ะฝ
1) csr์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ js๋งํฌ๋ฅผ ๋ฐ›์•„์™€์„œ js๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›๋Š”๋‹ค๊ณ  ์„ค๋ช…ํ•˜์…จ๊ณ  ssr์€ ๋ถ€๋ผ์šฐ์ €์—์„œ js code๋ฅผ ๋ฐ›์•„์™€์„œ js ์ฝ”๋“œ๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›๋Š”๋‹ค๊ณ  ํ•˜์…จ๋Š”๋ฐ, js๋ฅผ ๋‹ค์šด๋ฐ›๋Š” ๊ฒƒ๊ณผ js code๋ฅผ ๋‹ค์šด๋กœ๋“œ ๋ฐ›๋Š” ๊ฒƒ์ด ๋‹ค๋ฅธ ๊ฐœ๋…์ผ๊นŒ์š”? ๋‹ค๋ฅด๋‹ค๋ฉด ๋ฌด์—‡์ด ๋‹ค๋ฅธ ๊ฑธ๊นŒ์š”? 2) ๊ทธ๋ฆฌ๊ณ  ssr์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ js code๋ฅผ ๋ฐ›๋Š”๋ฐ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋˜ ๋‹ค์šด๋กœ๋“œ๋ฅผ ๋ฐ›์•„์•ผํ•˜๋Š” ๊ฑธ๊นŒ์š”?
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐ŸŒณ ๋‚˜๋ด„์˜ CORS
23:55
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 25 ะœ.
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐ŸŽกํ† ๋‹ˆ์˜ ์ธ์ฆ๊ณผ ์ธ๊ฐ€
22:41
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 25 ะœ.
ุฅุฎูุงุก ุงู„ุทุนุงู… ุณุฑู‹ุง ุชุญุช ุงู„ุทุงูˆู„ุฉ ู„ู„ุชู†ุงูˆู„ ู„ุงุญู‚ู‹ุง ๐Ÿ˜๐Ÿฝ๏ธ
00:28
ุญุฑู ุฅุจุฏุงุนูŠุฉ ู„ู„ู…ู†ุฒู„ ููŠ 5 ุฏู‚ุงุฆู‚
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 50 ะœะ›ะ
She's very CREATIVE๐Ÿ’ก๐Ÿ’ฆ #camping #survival #bushcraft #outdoors #lifehack
00:26
Marusya Outdoors
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 58 ะœะ›ะ
Un coup venu de lโ€™espace ๐Ÿ˜‚๐Ÿ˜‚๐Ÿ˜‚
00:19
Nicocapone
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 4,1 ะœะ›ะ
WTF Do These Even Mean
13:44
Web Dev Simplified
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 88 ะœ.
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿ’™ ํ•˜๋ฃจ์˜ ์‹คํ–‰ ์ปจํ…์ŠคํŠธ
15:33
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 28 ะœ.
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿญ ๋‹ค๋‹ˆ์˜ HTTPS
12:22
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 15 ะœ.
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿคซ ํ”ผ์ผ€์ด์˜ Nginx
15:56
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 39 ะœ.
์›น ๋ธŒ๋ผ์šฐ์ €์— URL ์ž…๋ ฅํ•˜๋ฉด ์ผ์–ด๋‚˜๋Š” ์ผ - ์ธํ”„๋ผ ์œ„์ฃผ
22:14
๋„๋„ํ•œ ๊ฐœ๋ฐœ์ž TV
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 49 ะœ.
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿง ์—˜๋ผ์˜ Scope & Closure
16:20
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 13 ะœ.
[10๋ถ„ ํ…Œ์ฝ”ํ†ก] ๐Ÿค”๋””๋””์˜ Redis
14:14
์šฐ์•„ํ•œํ…Œํฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 44 ะœ.
Client Side Rendering vs Server Side Rendering ๋ชจ๋ฅด๋ฉด ์ผ๋‹จ ๋ˆ„๋ฅด์„ธ์š”~
20:07
์ฝ”๋“œํŒฉํ† ๋ฆฌ
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 16 ะœ.
ุฅุฎูุงุก ุงู„ุทุนุงู… ุณุฑู‹ุง ุชุญุช ุงู„ุทุงูˆู„ุฉ ู„ู„ุชู†ุงูˆู„ ู„ุงุญู‚ู‹ุง ๐Ÿ˜๐Ÿฝ๏ธ
00:28
ุญุฑู ุฅุจุฏุงุนูŠุฉ ู„ู„ู…ู†ุฒู„ ููŠ 5 ุฏู‚ุงุฆู‚
ะ ะตั‚ า›ะฐั€ะฐะปะดั‹ 50 ะœะ›ะ