๐Ÿ“Œ ๊ธฐ์ˆ  ๋ฉด์ ‘ ์ค€๋น„ ๊ด€๋ จ_๋„คํŠธ์›Œํฌ

Q : CSR๊ณผ SSR์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”.

A : CSR(Client Side Rendering)์€ ์ดˆ๊ธฐ ๋กœ๋”ฉ์‹œ ๋นˆ html๊ณผ ๋กœ์ง์ด ๋‹ด๊ฒจ์ž‡๋Š” Javascript๊ฐ€ ๋‹ค์šด์ด ๋˜์–ด ํ•ด๋‹น ํŒŒ์ผ์— ๋™์  ์—ญํ• ์— ํ•„์š”ํ•œ dom์„ ๊ทธ๋ฆฌ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค ํด๋ผ์ด์–ธํŠธ์—์„œ ๋ชจ๋“  ๋ Œ๋”๋ง์€ ์ง„ํ–‰๋˜๋ฉฐ ๊ฒ€์ƒ‰์—”์ง„์ด ๋งŽ์ด ํ•„์š”ํ•˜๊ณ  ์‚ฌ์šฉ์ž์™€์˜ ์ƒํ˜ธ์ž‘์šฉ์ด ๋งŽ์ด ํ•„์š”๋กœํ•˜๋Š” ์•„๊ณ ๋‹ค,์—์–ด๋น„์•ค๋น„ ๋“ฑ์—์„œ ์‚ฌ์šฉ๋˜์–ด์ง‘๋‹ˆ๋‹ค.
SSR(Server Side Rendering)์€ ์›นํŽ˜์ด์ง€๋ฅผ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ Œ๋”๋งํ•˜๋Š” ๋Œ€์‹ ์— ์„œ๋ฒ„์—์„œ ๋ Œ๋”๋ง์ด ๋˜์–ด์ ธ์„œ ํด๋ผ์ด์–ธํŠธ๋กœ ๋„˜์–ด์˜ค๊ธฐ ๋•Œ๋ฌธ์— ์ดˆ๊ธฐ ๋กœ๋”ฉ์†๋„๊ฐ€ ๋น ๋ฅด๊ณ  ์›นํŽ˜์ด์ง€์˜ ์ฒซ ํ™”๋ฉด์ด ๋น ๋ฅด๊ฒŒ ๋œจ๊ธฐ์— ์ ํ•ฉํ•œ ๋„ค์ด๋ฒ„ ๋ธ”๋กœ๊ทธ์™€ ๊ฐ™์€ ํŽ˜์ด์ง€์— ์‚ฌ์šฉ๋˜์–ด์ง‘๋‹ˆ๋‹ค.


Q : GET ๋ฉ”์„œ๋“œ์™€ POST ๋ฉ”์„œ๋“œ์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด ์ฃผ์„ธ์š”.

A : get์€ ์„œ๋ฒ„์—์„œ ์–ด๋–ค ๋ฐ์ดํ„ฐ๋ฅผ ์กฐํšŒํ•˜๊ณ  ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ, post๋Š” ์„œ๋ฒ„์ƒ์˜ ๋ฐ์ดํ„ฐ์˜ ๊ฐ’์ด๋‚˜ ์ƒํƒœ๋ฅผ ์ถ”๊ฐ€ํ•ด์„œ ์‚ฌ์šฉํ•œ๋‹ค.


Q : ์ฟ ํ‚ค, ์„ธ์…˜, ์›น์Šคํ† ๋ฆฌ์ง€์˜ ์ฐจ์ด์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”

A : ์ฟ ํ‚ค, ์„ธ์…˜, ์›น์Šคํ† ๋ฆฌ์ง€๋Š” ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„์˜ ์ •๋ณด๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์ €์žฅํ•ด์ฃผ๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ์›น ๊ฐœ๋ฐœ์—์„œ ์ค‘์š”ํ•œ ๊ฐœ๋…์ž…๋‹ˆ๋‹ค.

์ฟ ํ‚ค๋Š” ํด๋ผ์ด์–ธํŠธ ๋ธŒ๋ผ์šฐ์ €์— ์ €์žฅ๋˜๋ฉฐ HTTP ์š”์ฒญ ํ—ค๋”๋ฅผ ํ†ตํ•ด ์„œ๋ฒ„๋กœ ์ „์†ก์ด ๋˜๊ณ , ์„ธ์…˜์€ ์„œ๋ฒ„์— ์ €์žฅ์ด ๋˜์–ด ๋ฉ”๋ชจ๋ฆฌ๋‚˜ ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค์— ์šฉ๋Ÿ‰ ์ œํ•œ์ด ์—†์œผ๋ฉฐ ์„ธ์…˜ ID๊ฐ€ ์ฟ ํ‚ค๋ฅผ ํ†ตํ•ด ํด๋ผ์ด์–ธํŠธ๋กœ ์ „์†ก๋˜์–ด ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜๊ฒŒ ๋˜๋ฉฐ ์„ธ์…˜ ID ์™ธ์ด ์ •๋ณด๊ฐ€ ์ €์žฅ๋˜์ง€ ์•Š์•„ ์•ˆ์ •์„ฑ์ด ํ™•๋ณด๋ฉ๋‹ˆ๋‹ค. ์›น ์Šคํ† ๋ฆฌ์ง€๋Š” ํด๋ผ์ด์–ธํŠธ ๋ธŒ๋ผ์šฐ์ €์— ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€(์˜๊ตฌ์  ์ €์žฅ, ์ˆ˜๋™์œผ๋กœ ์‚ญ์ œํ•˜๊ธฐ์ „๊นŒ์ง€ ์œ ํšจ)์™€ ์„ธ์…˜ ์Šคํ† ๋ฆฌ์ง€๋กœ ์ €์žฅ(์„ธ์…˜๋™์•ˆ๋งŒ ์œ ์ง€, ๋ธŒ๋ผ์šฐ์ € ๋‹ซ์œผ๋ฉด ๋ฐ์ดํ„ฐ ์‚ญ์ œ)๋˜๋ฉฐ ์„œ๋ฒ„๋กœ ์ „์†ก๋˜์ง€ ์•Š์œผ๋ฉฐ, ํด๋ผ์ด์–ธํŠธ ์ธก์—์„œ๋งŒ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.


Q : REST API์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”.

A : REST API๋Š” ์›น ์„œ๋น„์Šค ๊ฐ„ ํ†ต์‹ ์„ ์œ„ํ•œ ํ‘œ์ค€ํ™”๋œ ๋ฐฉ๋ฒ•์„ ์ œ๊ณตํ•˜์—ฌ ๋‹ค์–‘ํ•œ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„์˜ ํ†ตํ•ฉ์„ ์šฉ์ดํ•˜๊ฒŒ ํ•˜๊ณ  ์ƒํƒœ๋ฅผ ์ „์†กํ•˜์ง€ ์•Š๋Š” statelessํ•œ ์›น ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜์ž…๋‹ˆ๋‹ค.

0๊ฐœ์˜ ๋Œ“๊ธ€