๐Ÿคทโ€โ™€๏ธ ๊ฐœ๋…๊ณต๋ถ€: URI๋Š” ๋ฌด์—‡์ด๊ณ  URL์€ ๋ฌด์—‡์ผ๊นŒ?

Ko Seoyoungยท2021๋…„ 3์›” 21์ผ
1
post-custom-banner

๋‚˜๋Š” ์ง€๊ธˆ๊นŒ์ง€ URI์™€ URL์˜ ๊ฐœ๋…์„ ์ œ๋Œ€๋กœ ์•Œ์ง€ ๋ชปํ•˜๊ณ  ์ด๋ฅผ ํ˜ผ๋™ํ•˜๋ฉฐ ์‚ฌ์šฉํ•ด์™”๋‹ค. (์ฒ˜์Œ์—๋Š” URI๊ฐ€ L์„ ์†Œ๋ฌธ์ž๋กœ ์“ด ๊ฑด๊ฐ€..?๋ผ๊ณ  ์ƒ๊ฐํ•œ ์ ๋„ ์žˆ๋‹ค๐Ÿ˜…)

์–ด์จŒํŠผ ์œ„ ๊ฐœ๋…๋“ค์„ ์‹œ์›ํ•˜๊ฒŒ ์š”์•ฝํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

โœจ URI๋ž€?

์€ํ–‰๊ณ„์ขŒ๋Š” ๊ณ„์ขŒ๋ฒˆํ˜ธ, ๋ฒ„์Šค๋Š” ๋…ธ์„ ๋ฒˆํ˜ธ, ์‚ฌ๋žŒ์€ ์ฃผ๋ฏผ๋“ฑ๋ก๋ฒˆํ˜ธ๋กœ ๊ตฌ๋ถ„๋˜๋“ฏ ์›น ์„œ๋ฒ„์˜ ๋ฆฌ์†Œ์Šค ๋˜ํ•œ ๊ฐ์ž์˜ ์ด๋ฆ„์ด ์žˆ๋‹ค. (ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์š”์ฒญํ•  ๋•Œ ์ฐพ์•„์•ผํ•˜๋‹ˆ๊นŒ, id๊ฐ™์€ ๊ณ ์œ ํ•œ ์‹๋ณ„๊ฐ’์ด ์žˆ์–ด์•ผ๊ฒ ์ง€!) ์ด๋•Œ ์„œ๋ฒ„ ๋ฆฌ์†Œ์Šค ์ด๋ฆ„(์‹๋ณ„์ž)์„ uniform resource identifier(ํ†ตํ•ฉ ์ž์› ์‹๋ณ„์ž), URI๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. URI๋Š” ๋‘๊ฐ€์ง€ ์ข…๋ฅ˜๊ฐ€ ์žˆ๋Š”๋ฐ, ์ด๋Š” URL๊ณผ URN์ด๋‹ค. ์ฆ‰, URL์ด URI์— ํฌํ•จ๋˜๋Š” ๊ฐœ๋…์ด๋‹คโ—๏ธ


โœ‹ ๋ฆฌ์†Œ์Šค๋ž€?

์›น ์„œ๋ฒ„๋Š” ์›น ๋ฆฌ์†Œ์Šค๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ์ œ๊ณตํ•œ๋‹ค. ์–ด๋–ค ์ข…๋ฅ˜์˜ ์ฝ˜ํ…์ธ ๋„ ๋ฆฌ์†Œ์Šค๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค. ๋ฆฌ์†Œ์Šค๋Š” ํ…์ŠคํŠธ ํŒŒ์ผ, htmlํŒŒ์ผ, ์›Œ๋“œ, JPEG ์ด๋ฏธ์ง€ ํŒŒ์ผ ๋“ฑ์˜ ์ •์  ํŒŒ์ผ์ด ๋  ์ˆ˜๋„ ์žˆ๊ณ , ์ฃผ์‹๊ฑฐ๋ž˜, ์ธํ„ฐ๋„ท ๊ฒ€์ƒ‰์—”์ง„ ๋“ฑ ์š”์ฒญ์— ๋”ฐ๋ผ ์ฝ˜ํ…์ธ ๋ฅผ ์ƒ์‚ฐํ•˜๋Š” ํ”„๋กœ๊ทธ๋žจ๋„ ๋ชจ๋‘ ๋ฆฌ์†Œ์Šค(๋™์  ์ฝ˜ํ…์ธ  ๋ฆฌ์†Œ์Šค)๊ฐ€ ๋  ์ˆ˜ ์žˆ๋‹ค.


๐Ÿ™„ URL๊ณผ URN์ด๋ž€?

์œ„์—์„œ ๋งํ•œ ๊ฒƒ ์ฒ˜๋Ÿผ uri๋Š” url๊ณผ urn, ๋‘ ์ข…๋ฅ˜๊ฐ€ ์žˆ๋‹ค.

URL (Uniform Resource Locator)

URL์€ ๋ฆฌ์†Œ์Šค์˜ ๊ฐ€์žฅ ํ”ํ•œ ํ˜•ํƒœ๋กœ, ํŠน์ • ์„œ๋ฒ„์˜ ํ•œ ๋ฆฌ์†Œ์Šค์— ๋Œ€ํ•œ ๊ตฌ์ฒด์ ์ธ ์œ„์น˜๋ฅผ ์„œ์ˆ ํ•œ๋‹ค. (์˜ค๋Š˜๋‚  ๋Œ€๋ถ€๋ถ„์˜ uri๋Š” url์ด๋‹ค.)

URL ํ‘œ์ค€ ํฌ๋งท

๋Œ€๋ถ€๋ถ„์˜ url ์Šคํ‚ด์˜ ๋ฌธ๋ฒ•์€ ์ผ๋ฐ˜์ ์œผ๋กœ 9๊ฐœ ๋ถ€๋ถ„์œผ๋กœ ๋‚˜๋‰œ๋‹ค.

<์Šคํ‚ด>://<์‚ฌ์šฉ์ž ์ง€๋ฆ„>:<๋น„๋ฐ€๋ฒˆํ˜ธ>@<ํ˜ธ์ŠคํŠธ>:<ํฌํŠธ>/<๊ฒฝ๋กœ>;<ํŒŒ๋ผ๋ฏธํ„ฐ>?<์งˆ์˜>#<ํ”„๋ ˆ๊ทธ๋จผํŠธ>

ํ•˜์ง€๋งŒ ์ด ์ค‘ url์˜ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์ปดํฌ๋„ŒํŠธ๋Š” ์Šคํ‚ด, ํ˜ธ์ŠคํŠธ, ๊ฒฝ๋กœ์ด๋‹ค.

์˜ˆ์‹œ) http://www.seoyoung.com/images/logo.gif

  • http:// : ์Šคํ‚ด(scheme), ๋ฆฌ์†Œ์Šค์— ์ ‘๊ทผํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํ”„๋กœํ† ์ฝœ (์›น ํด๋ผ์ด์–ธํŠธ๊ฐ€ ๋ฆฌ์†Œ์Šค์— ์–ด๋–ป๊ฒŒ ์ ‘๊ทผํ•˜๋Š”์ง€ ์•Œ๋ ค์คŒ) (๋ณดํ†ต HTTP)
    ๐Ÿ‘‰ ๋Œ€ํ‘œ์ ์ธ ์Šคํ‚ด ์ข…๋ฅ˜: ftp(file transfer protocol), rtsp(real time streaming protocol, ๋น„๋””์˜ค ์„œ๋ฒ„), smtp(๋ฉ”์ผ) ๋“ฑ
  • www.seoyoung.com : ์„œ๋ฒ„์˜ ์ธํ„ฐ๋„ท ์ฃผ์†Œ (๋ฆฌ์†Œ์Šค๊ฐ€ ์–ด๋””์— ํ˜ธ์ŠคํŒ…๋˜์—ˆ๋Š”์ง€)
  • /images/logo.gif : ์›น์„œ๋ฒ„์˜ ๋ฆฌ์†Œ์Šค (๋ฆฌ์†Œ์Šค ๊ฒฝ๋กœ)

URN (Uniform Resource Name)

urn์€ uri์˜ ๋‘๋ฒˆ์งธ ์ข…๋ฅ˜์ด๋ฉฐ, ์ฝ˜ํ…์ธ ๋ฅผ ์ด๋ฃจ๋Š” ํ•œ ๋ฆฌ์†Œ์Šค์— ๋Œ€ํ•ด, ๊ทธ ๋ฆฌ์†Œ์Šค ์œ„์น˜์— ์˜ํ–ฅ ๋ฐ›์ง€ ์•Š๋Š” ์œ ์ผ๋ฌด์ดํ•œ ์ด๋ฆ„ ์—ญํ• ์„ ํ•œ๋‹ค. Url์€ ๋ฆฌ์†Œ์Šค๊ฐ€ ์ด๋™๋œ ๊ฒฝ์šฐ ๋ฆฌ์†Œ์Šค์˜ ์œ„์น˜์ธ url์ด ๋” ์ด์ƒ ์œ ํšจํ•˜์ง€ ์•Š๊ฒŒ ๋˜๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์ง€๋งŒ, urn์€ ๋ฆฌ์†Œ์Šค๋ฅผ ์—ฌ๊ธฐ์ €๊ธฐ๋กœ ์˜ฎ๊ธฐ๋”๋ผ๋„ ๋ฌธ์ œ์—†์ด ๋™์ž‘ํ•œ๋‹ค.
ํ•˜์ง€๋งŒ, ์ด๋ฏธ ๋„๋ฆฌ ์ƒ์šฉํ™”๋œ url ์ฃผ์†Œ ์ฒด๊ณ„๋ฅผ urn์œผ๋กœ ์™„์ „ํžˆ ๋ฐ”๊พธ๋Š” ๊ฒƒ์€ ์—„์ฒญ๋‚œ ์ž‘์—…๋Ÿ‰์„ ์š”๊ตฌํ•˜๊ณ , http ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ˆ˜์ •ํ•˜๊ธฐ ์œ„ํ•œ ๋ฒค๋”๋“ค๊ณผ์˜ ํ•ฉ์˜๋„ ํ•„์š”ํ•˜๋‹ค. ๋”ฐ๋ผ์„œ ์‹œ๊ฐ„์ด ๋งคใ…ใ…ใ…์šฐ ๊ฑธ๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์— url์€ ๊ฝค ์˜ค๋žซ๋™์•ˆ ๊ณ„์†ํ•ด์„œ ์‚ฌ์šฉ๋  ๊ฒƒ์ด๋‹ค.

profile
Web Frontend Developer ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป #React #Nextjs #ApolloClient
post-custom-banner

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