๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’๊ณต๋ถ€/ํฐ ๋ฐœ๊ฒฌ13

ํ”„๋ก ํŠธ์—”๋“œ์˜ SPA์™€ SSR SPA๋Š” ๋ณธ์ ์ด ์žˆ๋Š”๋ฐ SSR์ด๋ผ๋Š” ๋ง์€ ์ดˆ๋ฉด์ธ๊ฒƒ๊ฐ™์•„์„œ... ์ฐพ์•„๋ณด๋‹ค๊ฐ€ ๊นŒ๋จน๊ธฐ์ „์— ์ •๋ฆฌํ•ด๋‘”๋‹ค! 1. CSR (Client Side Rendering) ํด๋ผ์ด์–ธํŠธ์—์„œ js๋ฅผ ํ†ตํ•ด ๋ Œ๋”๋ง ํ•˜๋Š” ๋ฐฉ์‹ SPAํ˜•์‹์˜ ๋Œ€๋ถ€๋ถ„์˜ ํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(Vue, React...)๊ฐ€ CRS๋ฐฉ์‹์œผ๋กœ ๋งŒ๋“ค์–ด์ง ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์‹œ๊ฐ„ ๋ฌธ์ œ, SEO๋ฌธ์ œ, ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ๋™์  ์ƒ์„ฑ์˜ ํ•œ๊ณ„๋ฅผ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด SSRํ”„๋ ˆ์ž„์›Œํฌ(Next.js, Nuxt.js...)๋ฅผ ๋ณด์œ ํ•˜๊ณ ์žˆ์Œ 1-1. SPA (Single Page Application) Client Side Rendering(Client Side Navigation)๋ฐฉ์‹ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ƒ๋ช…์ฃผ๊ธฐ์ค‘์—์„œ ํ•œ๋ฒˆ๋งŒ ๋ฆฌ์†Œ์Šค๋ฅผ ๋กœ๋”ฉํ•˜๊ณ , ๊ทธ ํ›„์—๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์˜ฌ ๋•Œ์—๋งŒ ์„œ๋ฒ„์™€ ํ†ต์‹ ํ•จ ์ฒ˜์Œ ์š”์ฒญ์‹œ ๋”ฑ ํ•œ๋ฒˆ .. 2020. 11. 8.
Java vs Js ๋‘˜์€ ์ด๋ฆ„๋งŒ ๋น„์Šทํ•  ๋ฟ, ํ–„๊ณผ ํ–„์Šคํ„ฐ๋งŒํผ ๋‹ค๋ฅด๋‹ค ์˜ˆ์ „์— ๊ณต๋ถ€ํ•  ๋•Œ ์ €๋ ‡๊ฒŒ ์จ๋‘” ๋ธ”๋กœ๊ทธ๋ฅผ ๋ณด๊ณ  ๋„ˆ๋ฌด์›ƒ๊ฒจ์„œ ์ •๋ง ๊ฐ•๋ ฌํ•˜๊ฒŒ ๋‡Œ๋ฆฌ์— ๋‚จ์Œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค๐Ÿ™ JAVA ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๊พธ์ค€ํžˆ ์ธ๊ธฐ์žˆ๋Š” ์–ธ์–ด ๋‹ค๋ฅธ์–ธ์–ด์™€ ๋‹ค๋ฅธ ํŠน๋ณ„ํ•œ ์  : ์ปดํŒŒ์ผ ๋œ ์ฝ”๋“œ๊ฐ€ ํ”Œ๋žซํผ ๋…๋ฆฝ์ ์ด๋ผ๋Š” ์‚ฌ์‹ค ์œˆ๋„์šฐ์—์„œ ๊ฐœ๋ฐœํ•œ ๊ฒƒ์„ ๋ฆฌ๋ˆ…์Šค์—์„œ๋„ ์‰ฝ๊ฒŒ ๋Œ๋ฆด ์ˆ˜ ์žˆ์Œ ๋‹ค๋ฅธ ์–ธ์–ด๋“ค์€ ์ถ”๊ฐ€ ์ž‘์—…์„ ์š”ํ•จ ๊ทธ๋ž˜์„œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์šฉ์œผ๋กœ ์ธ๊ธฐ์žˆ์Œ ํ•œ๊ตญ์—์„œ๋Š” ์ •๋ถ€๋‚˜ ๊ธฐ์—… ์‹œ์Šคํ…œ ํ†ตํ•ฉ ํ”„์ ์—์„œ ํŠนํžˆ๋‚˜ ๋งŽ์ด ์”€ ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ๋„ ์”€ JS ์›น ์‚ฌ์ดํŠธ์— ์ƒ๋ช…์„ ๋ถˆ์–ด๋„ฃ์–ด์ฃผ๋Š” ๋งˆ๋ฒ•์˜์–ธ์–ด ์‚ฌ์šฉ์ž๊ฐ€ ์›น ์‚ฌ์ดํŠธ์˜ ํ™”๋ฉด์—์„œ ์–ด๋– ํ•œ ํ–‰๋™์„ ํ–ˆ์„ ๋•Œ, ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋ฅผ ์—ด์ง€ ์•Š๊ณ ๋„ ์ฆ‰๊ฐ์ ์ธ ๋ณ€ํ™”๋ฅผ ๋ณด์—ฌ์คŒ ์šด์˜์ฒด์ œ์˜ ์ œํ•œ์„ ๋ฐ›์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์—, ํด๋ผ์ด์–ธํŠธ ์–ธ์–ด์˜ ํ‘œ์ค€์ž„ +node.js ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ .. 2020. 11. 7.
์ตœ๋Œ€๊ณต์•ฝ์ˆ˜์™€ ์ตœ์†Œ๊ณต๋ฐฐ์ˆ˜, ์œ ํด๋ฆฌ๋“œ ํ˜ธ์ œ๋ฒ• a * b = G * L ์ธ๊ฑด ์•Œ๊ณ ์žˆ์—ˆ์ง€๋งŒ! G๋ฅผ ๊ตฌํ•ด์•ผ L์„ ๊ตฌํ• ํ…๋ฐ b) a = b b = r (r == 0)๊นŒ์ง€ ๋ฐ˜๋ณต G = a ์ด๋‹ค! 2020. 11. 6.