๐Ÿ’ช React. RESTful API w/ ๋…ธ๋งˆ๋“œ์ฝ”๋”

[meษช]ยท2021๋…„ 9์›” 6์ผ
0

1-3. Today I Learned. React.js

๋ชฉ๋ก ๋ณด๊ธฐ
5/9

๐Ÿ“Œ ๊ฐœ๋ฐœ ๊ณต๋ถ€ 1๊ฐœ์›” ์ฐจ์ธ to-be ๊ฐœ๋ฐœ์ž์˜ ์ž์Šต ๋ธ”๋กœ๊ทธ๐Ÿ™‚๏พ Aug 30 ~ Sep 3, 2021

ํ˜„์žฌ ์ƒํƒœ
RESTful API๋ผ... ์ง„์งœ ๋ชจ๋ฅด๊ฒ ๋‹ค.

RESTful API๋Š” ์„ค๊ณ„๋ถ€ํ„ฐ ์ž˜ ํ•ด๋†”์•ผ team member์™€ ์‚ฌ์šฉ์ž๊ฐ€ ์ž˜ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

API๋Š” CRUD (Create, Read, Update, Delete) ๋ฅผ ์œ„ํ•ด ํ™œ์šฉ๋œ๋‹ค.
์ด๋•Œ API๊ฐ€ ํ•„์š”ํ•œ URL์„ ๋ชจ๋‘ ๋งŒ๋“ค๊ณ  ์‹ถ๊ฒ ์ง€๋งŒ ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด URL์ด ๋„ˆ๋ฌด ๋งŽ์•„์ง€๊ณ  ๋ณต์žกํ•ด์งˆ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ˜‘์—… ๊ตฌ์„ฑ์›์ด ํ•ด๋‹น URL์„ ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šธ ๊ฒƒ์ด๋ฏ€๋กœ ์ข‹์€ ์„ค๊ณ„๊ฐ€ ์•„๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋ฏ€๋กœ convention์— ๋”ฐ๋ผ ์ ์ ˆํ•œ URL์„ ์„ค๊ณ„ํ•ด์•ผ ํ•œ๋‹ค.

  • ๋™์‚ฌ ์‚ฌ์šฉ ๊ธˆ์ง€
    ex. /create, /see, /get, /edit, /delete, /update, /find
  • collection (๋ณต์ˆ˜) ๊ณผ unique identifer๋ฅผ ํ™œ์šฉํ•ด ๋‘ ์ข…๋ฅ˜์˜ URL ์ƒ์„ฑ
    ex. /movies, /movies/inception
    ๏พ ๏พ ๏พ ใ„ด movies : collection, inception : unique identifier

์ด๋ ‡๊ฒŒ ํ•˜๊ณ  ๋‚˜์„œ HTTP request methods์™€ ๊ฒฐํ•ฉํ•˜์ž.
ex. GET/POST/PUT/DELETE + /movies/(unique identifier)
์ด ๋ฐฉ์‹์˜ URL์ด ๋” ๊ฐ„๊ฒฐํ•˜๊ณ  API์˜ ๊ตฌ์กฐ๋ฅผ ์ดํ•ดํ•˜๊ธฐ์—๋„ ๋” ์ง๊ด€์ ์ด๋‹ค.

๊ฐ์ฒด๋“ค์˜ ๊ด€๊ณ„ interaction์„ ์œ„ํ•ด URL์„ ์‚ฌ์šฉํ•  ์ˆ˜๋„ ์žˆ๋‹ค.
ex. GET/POST/PUT/DELETE + /movies/inception/actors

๊ฒ€์ƒ‰์ด๋‚˜ filter๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋งค๋ฒˆ URL์„ ์ƒˆ๋กญ๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ๋ณด๋‹ค query parameters๋ฅผ ํ™œ์šฉํ•˜๋Š” ๊ฒŒ ๋‚ซ๋‹ค.
ex. /getTopRatedMovies โ†’ /movies?main_rating=9.8
๏พ ๏พ ๏พ /findMoviesFromThisYear โ†’ /movies?release_date=2021
์ด๋ ‡๊ฒŒ query parameters๋ฅผ ํ™œ์šฉํ•˜๋ฉด pagination๋„ ํ•  ์ˆ˜ ์žˆ๋‹ค.
ex. /movies?page=5


๐Ÿ™‡ the source of this content

๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders

https://www.notion.so/wecode/RESTful-API-5c7dd63a49424652898f8b2d8b0c5791

profile
๋Š๋ ค๋„ ํ•  ๊ฑฐ์•ผ.......

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