MapleStory Finger Point

โšช ์šฉ์–ด ์ •๋ฆฌ 4

SPA vs MPA | SSR vs CSR

SPA ์™€ MPA ๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ตฌ์กฐ์™€ ๋™์ž‘ ๋ฐฉ์‹์— ๊ตฌ๋ถ„๋˜๋Š” ํŒจํ„ด์ด๋‹ค.์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๊ณ  ์–ด๋–ป๊ฒŒ ํŽ˜์ด์ง€๋ฅผ ๋žœ๋”๋งํ•˜๋Š” ์ง€๊ฐ€ ์ค‘์ ์ด๋‹ค.   MPA (Multi-Page Application)์ •์˜:MPA๋Š” ๋‹ค์ค‘ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์˜๋ฏธํ•˜๋ฉฐ, ๊ฐ ํŽ˜์ด์ง€๋งˆ๋‹ค ๊ฐœ๋ณ„์ ์ธ HTML ํŒŒ์ผ์ด ๋กœ๋“œ๋˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์„œ๋ฒ„์—์„œ ๊ฐ ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋งํ•˜๊ณ , ๊ฐ URL์€ ํ•˜๋‚˜์˜ ๊ณ ์œ ํ•œ ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค.ํŠน์ง•:ํŽ˜์ด์ง€ ์ „ํ™˜: ์‚ฌ์šฉ์ž๊ฐ€ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ๋•Œ๋งˆ๋‹ค, ์ƒˆ๋กœ์šด HTML ํŽ˜์ด์ง€๋ฅผ ์„œ๋ฒ„์—์„œ ๋กœ๋“œํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.์„œ๋ฒ„ ๋ Œ๋”๋ง: ์š”์ฒญ์ด ์žˆ์„ ๋•Œ๋งˆ๋‹ค ์„œ๋ฒ„์—์„œ HTML์„ ๋ Œ๋”๋งํ•˜๊ณ , ์ด๋ฅผ ํด๋ผ์ด์–ธํŠธ์— ์ „๋‹ฌํ•ฉ๋‹ˆ๋‹ค.๋™์  ํŽ˜์ด์ง€: ํด๋ผ์ด์–ธํŠธ๊ฐ€ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๋ฉด ์„œ๋ฒ„๊ฐ€ ์ด๋ฅผ ์ฒ˜๋ฆฌํ•˜์—ฌ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ Œ๋”๋งํ•ฉ๋‹ˆ๋‹ค.์žฅ..

MIME type = media type = Content-Type

๋ชฉ์ฐจ    Content-Type, MIME type, media type์˜ ๊ด€๊ณ„ ์ด๋“ค์€ ๋ชจ๋‘ ๊ฐ™์€ ๊ฐœ๋…์œผ๋กœ, ์ธํ„ฐ๋„ท์—์„œ ํŒŒ์ผ ํฌ๋งท๊ณผ ์ฝ˜ํ…์ธ ๋ฅผ ์‹๋ณ„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๊ณผ๊ฑฐ์—๋Š” MIME type ์œผ๋กœ ๋ถˆ๋ ธ์ง€๋งŒ, ์ง€๊ธˆ์€ media type ์œผ๋กœ ์‚ฌ์šฉํ•จ. ๋•Œ๋•Œ๋กœ content type ์ด๋ผ๊ณ ๋„ ๋ถˆ๋ฆผ     MIME( Multipurpose Internet Mail Extensions ) typeํŒŒ์ผ์˜ ํ˜•์‹์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฌธ์ž์—ด๋กœ ํŒŒ์ผ๊ณผ ๊ฐ™์ด ์†ก์‹ ๋˜๋Š”๋ฐ content์˜ ํ˜•์‹์„ ๋‚˜ํƒ€๋‚ด๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ์œˆ๋„์šฐ์˜ ํŒŒ์ผ ํ™•์žฅ์ž์™€ ๋™์ผํ•œ ์—ญํ• ์ด๋ฉ”์ผ ๋ฉ”์„ธ์ง€ , ์ฒจ๋ถ€ํŒŒ์ผ ์ข…๋ฅ˜๋ฅผ ๊ณ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ •์˜๋˜์—ˆ๊ณ  ์ด๋ฅผ ๊ทผ๊ฑฐ๋กœ MIME ํƒ€์ž…์ด๋ผ๋Š” ์ด๋ฆ„์ด ๋งŒ๋“ค์–ด์ง์ง€๊ธˆ์€ Media Type ์ด๋ผ๋Š” ์šฉ์–ด๋กœ ์‚ฌ์šฉ ๋œ๋‹ค.   media type ๋ฏธ๋””์–ด ํƒ€์ž…์€ ..

HTTP (Hypertext Transfer Protocol) ๊ฐœ๋…

๋ชฉ์ฐจ    HTTP ๋ž€? HTTP๋Š” HTML ๋ฌธ์„œ์™€ ๊ฐ™์€ ๋ฆฌ์†Œ์Šค๋“ค์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ณ„์ธต ํ”„๋กœํ† ์ฝœ  (ํด๋ผ์ด์–ธํŠธ-์„œ๋ฒ„ ํ”„๋กœํ† ์ฝœ)  * ํ”„๋ก์‹œ :  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ณ„์ธต์—์„œ ๋™์ž‘ํ•˜๋Š” ๊ฒƒ๋“ค์„ ์ผ๋ฐ˜์ ์œผ๋กœ ๋ถ€๋ฅด๋Š” ๋ง, ํ•˜๋‹จ์˜ ๊ธฐ๋Šฅ๋“ค์„ ์ˆ˜ํ–‰ ํ•  ์ˆ˜ ์žˆ๋‹ค.์บ์‹ฑ (์บ์‹œ๋Š” ๊ณต๊ฐœ ๋˜๋Š” ๋น„๊ณต๊ฐœ๊ฐ€ ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (์˜ˆ: ๋ธŒ๋ผ์šฐ์ € ์บ์‹œ))ํ•„ํ„ฐ๋ง (๋ฐ”์ด๋Ÿฌ์Šค ๋ฐฑ์‹  ์Šค์บ”, ์œ ํ•ด ์ปจํ…์ธ  ์ฐจ๋‹จ(์ž๋…€ ๋ณดํ˜ธ) ๊ธฐ๋Šฅ)๋กœ๋“œ ๋ฐธ๋Ÿฐ์‹ฑ (์—ฌ๋Ÿฌ ์„œ๋ฒ„๋“ค์ด ์„œ๋กœ ๋‹ค๋ฅธ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๋„๋ก ํ—ˆ์šฉ)์ธ์ฆ (๋‹ค์–‘ํ•œ ๋ฆฌ์†Œ์Šค์— ๋Œ€ํ•œ ์ ‘๊ทผ ์ œ์–ด)๋กœ๊น… (์ด๋ ฅ ์ •๋ณด๋ฅผ ์ €์žฅ) HTTP ํŠน์ง• ๋ฌด์ƒํƒœ(Stateless) : HTTP๋Š” ์ƒํƒœ๋ฅผ ์ €์žฅํ•˜์ง€ ์•Š๊ณ ,๊ฐ๊ฐ์˜ ์š”์ฒญ๊ณผ ์‘๋‹ต์ด ๋…๋ฆฝ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋จ, ์„œ๋ฒ„๋Š” ์š”์ฒญ ๊ฐ„์˜ ์—ฐ๊ฒฐ ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ ํšจ์œจ์ ์ด์ง€๋งŒ, ..

DNS(Domain Name System) ๊ฐœ๋…

๋ชฉ์ฐจ    [DNS / DNS ์„œ๋ฒ„] ๐Ÿ’‍โ™€๏ธ DNS ๋ž€, Domain Name System (๋„๋ฉ”์ธ ๋„ค์ž„ ์‹œ์Šคํ…œ) ์˜ ์•ฝ์ž์ž…๋‹ˆ๋‹ค. ๋„๋ฉ”์ธ ์ด๋ฆ„๊ณผ IP ์ฃผ์†Œ๋ฅผ ๋ณ€ํ™˜(๋งคํ•‘)ํ•ด์ฃผ๋Š” ์‹œ์Šคํ…œ ๐Ÿ’‍โ™€๏ธDNS ์„œ๋ฒ„๋Š” DNS ์‹œ์Šคํ…œ์„ ์šด์˜ํ•˜๊ณ  ๋™์ž‘ ์‹œํ‚ค๋Š” ์„œ๋ฒ„๋กœ, ์‹ค์ œ DNS ์ฟผ๋ฆฌ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋„๋ฉ”์ธ ์ด๋ฆ„ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. (DNS ๊ตฌ์„ฑ ์š”์†Œ)   [DNS ์™œ ์‚ฌ์šฉํ•˜๋Š”๋ฐ?]๐Ÿ’‍โ™€๏ธ ๋„คํŠธ์›Œํฌ ํ†ต์‹ ์—์„œ๋Š” IP ์ฃผ์†Œ๋กœ ์žฅ์น˜๋ฅผ ์‹๋ณ„ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๊ตฌ๊ธ€ ํ™ˆํŽ˜์ด์ง€์˜ IP ์ฃผ์†Œ๋Š” 142.250.76.132 ์ž…๋‹ˆ๋‹ค. ๐Ÿ˜ญ ๊ทธ๋Ÿผ ์„œ๋กœ ํ†ต์‹ ์„ ํ•˜๋ ค๋ฉด ๋งค๋ฒˆ IP ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅ ํ•ด์•ผ ํ•˜๋Š” ๊ฑธ๊นŒ์š”? 142.250 …. …. .. ?? 76.. .? ๐Ÿ’‍โ™€๏ธ ์•„๋‹ˆ์š”! DNS ์„œ๋ฒ„๊ฐ€ ๋„๋ฉ”์ธ ์ด๋ฆ„ ↔ IP ์ฃผ์†Œ๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ํ•˜๊ธฐ ๋•Œ๋ฌธ์—..