Zoeeey
Stack flows in you
Zoeeey
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (155)
    • ๐Ÿ’ก UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • ๐ŸŸจ JavaScript (66)
      • ๊ฐœ๋… (42)
      • ์ •๋ฆฌ (2)
      • ๋ฌธ์ œํ’€๊ธฐ (ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค, ์ฝ”๋”ฉ์• ํ”Œ) (15)
      • ์‘์šฉํ•˜์—ฌ ์ž๋™ํ™”or๋ฌธ์ œํ•ด๊ฒฐํ•˜๊ธฐ (2)
      • ๊ธฐํƒ€ (5)
    • โš›๏ธ React (49)
      • ๊ฐœ๋… (27)
      • ๊ฐœ๋…(Redux) (3)
      • ์ •๋ฆฌ (4)
      • ๋ฌธ์ œํ’€๊ธฐ (์ฝ”๋”ฉ์• ํ”Œ: React) (15)
    • ๐Ÿ“˜ TypeScript (10)
      • ๊ฐœ๋… (8)
      • ๋ฌธ์ œํ’€๊ธฐ (์ฝ”๋”ฉ์• ํ”Œ) (2)
    • ๐ŸŒ HTML,CSS (18)
      • ์‹ค๋ฌด์—์„œ ์ž์ฃผ ๋ฐœ์ƒํ•œ ์˜ค๋ฅ˜๋“ค (10)
      • ๋’ค๋Šฆ๊ฒŒ ์•Œ์•„์„œ ๋ผˆ์•„ํ”ˆ ์œ ์šฉํ•œ CSS (6)
      • ๊ธฐํƒ€ ์ž์ฃผ ์“ฐ๋Š” CSS (2)
    • ๐Ÿ’ป CS (8)
      • CS (5)
      • ์ •๊ทœํ‘œํ˜„์‹ (2)
      • Git,Github (1)

ํƒœ๊ทธ

  • class
  • axios
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • object
  • ์‚ผํ•ญ์—ฐ์‚ฐ์ž
  • useEffect
  • JavaScript
  • CS
  • ์˜ค๋ฅ˜
  • redux
  • TypeScript
  • json
  • state
  • react
  • array
  • UXUI
  • ์ฝ”๋”ฉ์• ํ”Œ
  • CSS
  • Ajax
  • Props
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
hELLO ยท Designed By ์ •์ƒ์šฐ.
Zoeeey
๐Ÿ’ป CS/CS

CS : URI์™€ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„ (1) URI

๐Ÿ’ป CS/CS

CS : URI์™€ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„ (1) URI

2023. 9. 11. 16:52

URI (Uniform Resource Identifier)

๋ฆฌ์†Œ์Šค๋ฅผ ์‹๋ณ„ํ•˜๊ธฐ ์œ„ํ•œ ํ‘œ์ค€ํ™”๋œ ๋ฐฉ๋ฒ•์„ ์ œ๊ณตํ•˜๋Š” ๊ฐœ๋…์ด๋‹ค.

  • Uniform (ํ†ต์ผ๋œ) : ๋ฆฌ์†Œ์Šค๋ฅผ ์‹๋ณ„ํ•˜๋Š” ํ†ต์ผ๋œ ๋ฐฉ์‹
  • Resource (๋ฆฌ์†Œ์Šค) : ์ž์›, URI๋กœ ์‹๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“  ๊ฒƒ (์ œํ•œ ์—†์Œ)
  • Identifier (์‹๋ณ„์ž) : ๋‹ค๋ฅธ ํ•ญ๋ชฉ๊ณผ ๊ตฌ๋ถ„ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์ •๋ณด

URI๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ๋‘ ๊ฐ€์ง€ ์œ ํ˜•์œผ๋กœ ๋‚˜๋‰œ๋‹ค.


URL (Uniform Resource Locator)

๋ฆฌ์†Œ์Šค์˜ ์œ„์น˜๋ฅผ ์‹๋ณ„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋œ๋‹ค.

foo://example.com:8042/over/there?=name=ferret#nose
๏ผผ ๏ผ๏ผผ              ๏ผ๏ผผ       ๏ผ๏ผผ        ๏ผ๏ผผ ๏ผ
  |    ๏ฟฃ๏ฟฃ๏ฟฃ |๏ฟฃ๏ฟฃ๏ฟฃ    ๏ฟฃ | ๏ฟฃ    ๏ฟฃ๏ฟฃ|๏ฟฃ๏ฟฃ   |
scheme     authority      path       query   fragment
https://www.google.com:443/search?q=hello@hl=ko
scheme://[userinfo@]host[:port][/path][?query][#fragment]
scheme(์Šคํ‚ค๋งˆ) ์ฃผ๋กœ ํ”„๋กœํ† ์ฝœ์— ์‚ฌ์šฉ๋˜๋ฉฐ, ๋ฆฌ์†Œ์Šค์— ์–ด๋–ค ๋ฐฉ์‹์œผ๋กœ ์ ‘๊ทผํ• ์ง€๋ฅผ ์ง€์ •ํ•œ๋‹ค.
userinfo URL์— ์‚ฌ์šฉ์ž์ •๋ณด๋ฅผ ํฌํ•จํ•ด์„œ ์“ธ ์ˆ˜ ์žˆ์œผ๋‚˜, ๊ฑฐ์˜ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค.
host ํ˜ธ์ŠคํŠธ๋ช…์ด ๋“ค์–ด๊ฐ€๋ฉฐ, ๋„๋ฉ”์ธ๋ช… ๋˜๋Š” IP ์ฃผ์†Œ๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
port ์ ‘์† ํฌํŠธ๋‹ค. ํฌํŠธ๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ์ƒ๋žต ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์ƒ๋žต์‹œ http๋Š” 80, https๋Š” 443๋ฒˆ ํฌํŠธ๋‹ค.
path ๋ฆฌ์†Œ์Šค ๊ฒฝ๋กœ์ด๋ฉฐ ๊ณ„์ธต์  ๊ตฌ์กฐ๋กœ ๋˜์–ด์žˆ๋‹ค. (ex. /home/file1.jpg)
query key=value ํ˜•ํƒœ๋กœ ๋“ค์–ด๊ฐ€๋ฉฐ, ?๋กœ ์‹œ์ž‘, &๋กœ ์ถ”๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค. (ex. ?keyA=valueA&keyB=valueB)
query parameter, query string ๋“ฑ์œผ๋กœ ๋ถˆ๋ฆฐ๋‹ค. ์›น์„œ๋ฒ„์— ์ œ๊ณตํ•˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ์ด๋ฉฐ, ๋ฌธ์ž ํ˜•ํƒœ๋‹ค.
fragment html ๋‚ด๋ถ€ ๋ถ๋งˆํฌ ๋“ฑ์— ์‚ฌ์šฉ๋˜๋ฉฐ, ์„œ๋ฒ„์— ์ „์†กํ•˜๋Š” ์ •๋ณด๊ฐ€ ์•„๋‹ˆ๋‹ค.

URN (Uniform Resource Name)

๋ฆฌ์†Œ์Šค์˜ ์ด๋ฆ„์„ ์‹๋ณ„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋œ๋‹ค.

urn:example:animal:ferret:nose
๏ผผ๏ผ๏ผผ                       ๏ผ
 |     ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ|๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ๏ฟฃ
scheme          path

์œ„์น˜๋Š” ๋ณ€ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ, ์ด๋ฆ„์€ ๋ณ€ํ•˜์ง€ ์•Š์œผ๋ฏ€๋กœ URN ์ด๋ฆ„๋งŒ์œผ๋กœ ์‹ค์ œ ๋ฆฌ์†Œ์Šค๋ฅผ ์ฐพ์„ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ๋ณดํŽธํ™”๋˜์ง€ ์•Š์•˜๋‹ค.


์ถœ์ฒ˜ : ์ธํ”„๋Ÿฐ ๋ชจ๋“  ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ HTTP ์›น ๊ธฐ๋ณธ ์ง€์‹ / ๊น€์˜ํ•œ, https://www.ietf.org/rfc/rfc3986.txt

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋™์ผ์กฐ๊ฑด (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐Ÿ’ป CS > CS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

CS : URI์™€ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„ (2) URL์„ ํ†ตํ•œ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„  (0) 2023.09.11
CS : ์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (3) PORT, DNS  (0) 2023.09.11
CS : ์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (2) IP, TCP, UDP  (0) 2023.09.11
CS : ์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (1) ์ธํ„ฐ๋„ท ํ”„๋กœํ† ์ฝœ ๊ณ„์ธต  (0) 2023.09.11
  • URI (Uniform Resource Identifier)
  • URL (Uniform Resource Locator)
  • URN (Uniform Resource Name)
'๐Ÿ’ป CS/CS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • CS : URI์™€ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„ (2) URL์„ ํ†ตํ•œ ์›น ๋ธŒ๋ผ์šฐ์ € ์š”์ฒญ ํ๋ฆ„
  • CS : ์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (3) PORT, DNS
  • CS : ์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (2) IP, TCP, UDP
  • CS : ์ธํ„ฐ๋„ท ๋„คํŠธ์›Œํฌ (1) ์ธํ„ฐ๋„ท ํ”„๋กœํ† ์ฝœ ๊ณ„์ธต
Zoeeey
Zoeeey
๊ธธ๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ์งง๊ฒŒ ๊ทธ๋ฆฌ๊ธฐ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๊ฐœ์ธ์ •๋ณด

  • ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ
  • ํฌ๋Ÿผ
  • ๋กœ๊ทธ์ธ

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.