[TIL #15] 15์ผ์ฐจ ์˜ค๋Š˜์˜ ๊ณต๋ถ€ (2023.03.14 ํ™”)

2023. 3. 14. 23:40ใ†Today I Learned

TIL 2023.03.14 ๐Ÿฃ

์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป

  • SOAP, REST, GraphQL API๋ฅผ ๋น„๊ตํ•˜๋Š” ๊ธ€์„ ์ฝ๊ณ  ํฌ์ŠคํŒ… ํ–ˆ๋‹ค. '๋Œ€์ถฉ'๋ญ”์ง€๋งŒ ์•Œ๋˜ ๋‚ด์šฉ๋“ค์„ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๊ณ , ๊ณต๋ถ€๋Š” ์ด๋ ‡๊ฒŒ ํ•˜๋Š”๊ฑฐ๊ตฌ๋‚˜ ๋ผ๋Š” ๊ฑธ ์ƒˆ์‚ผ ๋˜ ๊นจ๋‹ฌ์•˜๋‹ค.
  • ๋ฆฌ์•กํŠธ ๊ฐ•์˜ ์„น์…˜ 3์„ ๋“ค์—ˆ๋‹ค. (์•„์ง๋„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์ง€๋งŒ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ธฐ๋ณธ์ ์ธ ๋ฌธ๋ฒ•๋งŒ ์•Œ๊ณ  ์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ƒˆ๋กœ์šด ๋ถ€๋ถ„์ด ๋งŽ๋‹ค!)
    • ๋น„๊ตฌ์กฐํ™” ํ• ๋‹น์ด๋ผ๋Š” ๊ฐœ๋…์„ ์ƒˆ๋กญ๊ฒŒ ๋ฐฐ์› ๋‹ค. ํŒŒ์ด์ฌ์—์„œ ํ•œ์ค„๋กœ ์—ฌ๋Ÿฌ ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ๋ฐ”์ธ๋”ฉ ํ•˜๋Š” ๊ฒƒ๊ณผ ๋น„์Šทํ•œ ๊ฐœ๋…์ธ ๊ฒƒ ๊ฐ™๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๊ฐ์ฒด๋„ ๊ทธ๋ ‡๊ฒŒ ํ• ๋‹น์ด ๋˜๊ณ , ๊ฐ์ฒด์˜ ๊ฒฝ์šฐ๋Š” key ๊ฐ’๊ณผ ๋ณ€์ˆ˜๋ช…์œผ๋กœ mapping ๋˜์–ด ํ• ๋‹น๋œ๋‹ค๋Š” ๊ฒƒ์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋‹ค.
      let object = {one : "one", two:"two", three:"three"};
      let {one, two, three:newThree} = object;
    • ๐Ÿ‘‰ ๊ทธ๋ž˜์„œ ์ด๋ ‡๊ฒŒ ๋ณ€์ˆ˜๋ช…์„ ์ผ์น˜์‹œํ‚ค๊ฑฐ๋‚˜, ์ผ์น˜๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ key๋ช…:์ƒˆ ๋ณ€์ˆ˜๋ช… ์ด๋ ‡๊ฒŒ ๋งคํ•‘์‹œ์ผœ์ค˜์•ผํ•œ๋‹ค.
    • Spread ์—ฐ์‚ฐ์ž ...๋ฅผ ๋ฐฐ์› ๋‹ค. ์ƒ์†ํ•˜๊ณ  ๋น„์Šทํ•œ ๊ฐœ๋…๊ฐ™์ง€๋งŒ ์€๊ทผํžˆ ๋‹ค๋ฅธ ๊ฐœ๋…๊ฐ™๋‹ค. ์™œ๋ƒํ•˜๋ฉด ๋‘๊ฐœ์˜ ๋ฆฌ์ŠคํŠธ๋ฅผ ํ•ฉ์น  ๋•Œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. let allList = [...listA, ...listB]; โ†’ ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด listA์™€ listB๋ฅผ ํ•ฉ์นœ allList ๋ฆฌ์ŠคํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜๊ฐ€ ์žˆ๋‹ค.
    • JS ์—”์ง„์ด ๋™๊ธฐ/๋น„๋™๊ธฐ์‹ ํ•จ์ˆ˜ ์ฒ˜๋ฆฌ๋ฅผ ๊ฐ๊ฐ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€ ๋ฐฐ์› ๋‹ค. ํ•จ์ˆ˜์ด ํ˜ธ์ถœ๋˜๋ฉด ์Šคํƒ์— ์Œ“์ธ๋‹ค๋Š” ๊ฒƒ์€ ์•Œ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ๊ฐ€ ์–ด๋–ป๊ฒŒ ์ด๋ฃจ์–ด์ง€๋Š”์ง€ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์ด ๋กœ์ง์„ ์ดํ•ดํ•˜๊ณ  ์žˆ์œผ๋ฉด ๋‚˜์ค‘์— ๋™๊ธฐ์‹๊ณผ ๋น„๋™๊ธฐ์‹ ํ˜ธ์ถœ์„ ํ˜ผํ•ฉํ•ด์„œ ์‚ฌ์šฉํ•  ๋•Œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜๊ฑฐ๋‚˜ ํ•˜๋ฉด ๋„์›€์ด ๋งŽ์ด ๋  ๊ฒƒ ๊ฐ™๋‹ค.
    • ์•”ํŠผ ์ด ๋‚ด์šฉ์€ ๋ณ„๋„์˜ ๊ฒŒ์‹œ๋ฌผ๋กœ ๋‹ค์‹œ ์˜ฌ๋ฆฌ๋Š”๊ฒŒ ์ข‹๊ฒ ๋‹ค!

์ถ”๊ฐ€์ ์œผ๋กœ ํ•˜๋ฉด ์ข‹์„ ๊ฒƒ ๐Ÿ‘

  • SOAP, REST, GraphQL API๋ฅผ ๊ฐ๊ฐ ๊ตฌํ˜„ํ•ด๋ณด๊ณ  ํ˜ธ์ถœํ•ด๋ณด๋ฉด ์•„์ฃผ ์•„์ฃผ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.
  • ๋‚ด์ผ์ด๋ฉด Node.js ๊ฐ•์˜๋ฅผ ๋“ค์„ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ๋‘๊ทผ๋‘๊ทผ

๊ธฐํƒ€ ๐Ÿค”

  • ํญ์‹์ด ๋„ˆ๋ฌด ์‹ฌํ•œ๋ฐ ๊ณ ์น  ๋ฐฉ๋ฒ• ์—†์„๊นŒ๐Ÿฅฒ ํญ์‹ํ•˜๊ณ  ๊ทธ๊ฑฐ ์ƒ์‡„์‹œํ‚ค๋ ค๊ณ  ๋” ๊ฒฉํ•˜๊ฒŒ ์šด๋™ํ•˜๊ณ ..๊ทธ๋Ÿฌ๋‹ค ๋ถ€์ƒ์ž…๊ณ .. ๊ทธ๋ ‡๋‹ค๊ณ  ์šด๋™์„ ์•ˆํ•  ์ˆ˜๋„ ์—†๊ณ  ํ•˜์•„ ~