728x90

๐Ÿ“•CS 22

www.naver.com์„ ์ฃผ์†Œ์ฐฝ์— ์ž…๋ ฅํ•˜๋ฉด ์–ด๋–ป๊ฒŒ ๋ ๊นŒ์š”?

"๋ฉด์ ‘์„ ์œ„ํ•œ CS ์ „๊ณต์ง€์‹ ๋…ธํŠธ"๋ฅผ ์ฝ๊ณ  ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. โ“ www.naver.com์„ ์ฃผ์†Œ์ฐฝ์— ์ž…๋ ฅํ–ˆ์„ ๋•Œ, ํ™”๋ฉด์ด ๊ทธ๋ ค์ง€๊ธฐ๊นŒ์ง€์˜ ๊ณผ์ •์„ ์„ค๋ช…ํ•ด ๋ณด์„ธ์š”. www.naver.com์„ ์ž…๋ ฅํ•˜๋ฉด ํฌ๊ฒŒ 1)๋ฆฌ๋‹ค์ด๋ ‰์…˜-2)์บ์‹ฑ-3)DNS-4)IP ๋ผ์šฐํŒ…-5)TCP ์—ฐ๊ฒฐ-6)์š”์ฒญ๊ณผ ์‘๋‹ต-7)๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง์ด ๋ฐœ์ƒํ•œ๋‹ค. ๋ฆฌ๋‹ค์ด๋ ‰์…˜์€ ์‚ฌ์šฉ์ž๊ฐ€ ์ฒ˜์Œ ์š”์ฒญํ•œ URL๊ณผ ๋‹ค๋ฅธ URL๋กœ ๋ณด๋‚ด๋Š” ๊ฒƒ์„ ๋œปํ•˜๋ฉฐ, URL์ด ์ž˜๋ชป๋์„ ๋•Œ ํ˜น์€ ์‚ฌ์šฉ์ž ๊ถŒํ•œ์— ๋”ฐ๋ผ ์ ์ ˆํ•œ ํŽ˜์ด์ง€๋กœ ์•ˆ๋‚ด๋˜๋Š”๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. (HTTP 3.xx ์ฝ”๋“œ ์‘๋‹ต) ์บ์‹ฑ์€ ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต์„ ์ €์žฅํ•ด๋’€๋‹ค๊ฐ€ ์žฌ์š”์ฒญ์‹œ์— ์ด๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์บ์‹ฑ์—๋Š” ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ์™€ ๊ณต์œ ์บ์‹œ๊ฐ€ ์žˆ๋‹ค. ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ๋Š” ์ฟ ํ‚ค, ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€ ๋“ฑ์„ ํฌํ•จํ•œ ์บ์‹œ์ด๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ์–ด๋–ค ์‚ฌ์ดํŠธ๋ฅผ..

๐Ÿ“•CS 2024.04.14

AJAX: SSR๊ณผ CSR

๐Ÿ“–AJAX(Asynchronous Javascript and XML) AJAX๋Š” ์–ธ์–ด๋‚˜ ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์•„๋‹Œ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ์‹์„ ์˜๋ฏธ AJAX๋Š” ์›น(Web)์—์„œ ํ™”๋ฉด์„ ๊ฐฑ์‹ ํ•˜์ง€ ์•Š๊ณ , ๋ฐ์ดํ„ฐ๋ฅผ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๊ฐ€์ ธ์™€ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์˜๋ฏธ JavaScript์˜ XMLHttpRequest(XHR) ๊ฐ์ฒด๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๊ณ  ๋น„๋™๊ธฐ ๋ฐฉ์‹์œผ๋กœ ๊ฒฐ๊ณผ๋ฅผ ์กฐํšŒํ•œ๋‹ค. ํ™”๋ฉด๊ฐฑ์‹ ์ด ์—†์œผ๋ฏ€๋กœ ์‚ฌ์šฉ์ž ์ž…์žฅ์—์„œ๋Š” ํŽธ๋ฆฌํ•˜์ง€๋งŒ, ๋™์ ์œผ๋กœ DOM์„ ๊ตฌ์„ฑํ•ด์•ผ ํ•˜๋ฏ€๋กœ ๊ตฌํ˜„์ด ๋ณต์žกํ•˜๋‹ค. โ—์ผ๋ฐ˜ ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต data๋ฅผ ์ž…๋ ฅ ํ›„ event ๋ฐœ์ƒ Ajax๋ฅผ ์ ์šฉํ•˜์ง€ ์•Š์€ ์š”์ฒญ์€ ์„œ๋ฒ„์—์„œ data๋ฅผ ์ด์šฉํ•˜์—ฌ logic ์ฒ˜๋ฆฌ logic ์ฒ˜๋ฆฌ์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ์— ๋”ฐ๋ผ ์‘๋‹ต page๋ฅผ ์ƒ์„ฑํ•˜๊ณ  client์— ์ „์†ก(ํ™”๋ฉด ์ „ํ™˜์ด ์ผ์–ด๋‚จ) โ—Ajax ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต ..

๐Ÿ“•CS 2024.03.17
728x90