[FE - ConnecTo] DAY34 TIL๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป

JUNYยท2022๋…„ 8์›” 26์ผ
0

๐Ÿ“šZeroBase ConnecTo Front-End

๋ชฉ๋ก ๋ณด๊ธฐ
23/53
post-thumbnail

22.08.26 ์ˆ˜์—…์„ ๋“ค์œผ๋ฉฐ ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ๋“ค์„ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค ๐Ÿ˜Š
ํ”ผ๋“œ๋ฐฑ์€ ์–ธ์ œ๋‚˜ ํ™˜์˜์ž…๋‹ˆ๋‹ค! ๐ŸŠ

์ดํ„ฐ๋ ˆ์ดํ„ฐ

value๋งŒ ์žˆ์–ด๋„ ์ดํ„ฐ๋ ˆ์ดํ„ฐ์— ํ•ด๋‹น๋จ. doneย ํ”„๋กœํผํ‹ฐ๋Š” ์ƒ๋žตํ•ด๋„ ์ƒ๊ด€์—†์Œ.


์ดํ„ฐ๋Ÿฌ๋ธ”

์ดํ„ฐ๋Ÿฌ๋ธ”์— ๋Œ€ํ•ด์„œ ๋ชจ๋‘ ๋‹ค ์™ธ์šฐ๊ณ  ์žˆ์„ ํ•„์š”๋Š” ์—†์ง€๋งŒ,

์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ๋งŒ๋“ค ๋•Œ ์ดํ„ฐ๋Ÿฌ๋ธ”์— ๋Œ€ํ•œ ๊ฐœ๋…์ด ์žˆ์–ด์•ผ ์–ด๋–ค ์ž๋ฃŒ๊ตฌ์กฐ์— ์‚ฌ์šฉํ• ์ง€ ์•Œ ์ˆ˜ ์žˆ์Œ.


๋ฉ”์„œ๋“œ์™€ ํ‘œํ˜„์‹

๋ฉ”์„œ๋“œ๋ณด๋‹ค ํ‘œํ˜„์‹์„ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ด์œ ?

๊ฐ€๋…์„ฑ์ด ๋” ์ข‹์Œ. ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ํ˜ธ์ถœํ•  ๊ฐ์ฒด, ํ˜ธ์ถœํ•  ๋ฉ”์„œ๋“œ, ์ธ์ˆ˜๋กœ ๋ฌด์—‡์„ ๋ช‡ ๊ฐœ๋‚˜ ์ค„์ง€, ์ธ์ˆ˜์˜ ์ˆœ์„œ๋Š” ์–ด๋–ป๊ฒŒ ์ง€์ •ํ• ์ง€, ๋ฐ˜ํ™˜ ๊ฐ’์œผ๋กœ ์–ด๋–ค ๊ฐ’์ด ๋‚˜์˜ค๋Š”์ง€ ๋“ฑ์˜ ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ๋‹ค ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•จ.

๋ฐ˜๋ฉด์—, ํ‘œํ˜„์‹์€ ๋ฉ”์„œ๋“œ๋ณด๋‹ค ์•Œ์•„์•ผ ํ•  ์ •๋ณด๊ฐ€ ํ›จ์”ฌ ์ ์Œ.

๊ทธ๋ž˜์„œ, ์›ฌ๋งŒํ•˜๋ฉด ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋ณด๋‹ค ํ‘œํ˜„์‹์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ๋‚˜์Œ.

๋ฐฐ์—ด์˜ ๋ฉ”์„œ๋“œ๋Š” ์›๋ณธ ๊ฐ’์˜ ๋ณ€๊ฒฝ ์—ฌ๋ถ€๊นŒ์ง€ ์•Œ์•„์•ผ ํ•˜์ง€๋งŒ, ํ‘œํ˜„์‹์€ ๋ฌด์กฐ๊ฑด ๊ฐ’์„ ๋งŒ๋“ค๊ธฐ ๋•Œ๋ฌธ์— ์ƒ๊ฐํ•ด์•ผ ํ•  ๋ถ€๋ถ„์ด ํ›จ์”ฌ ์ ์Œ!


splice ๋ฉ”์„œ๋“œ

๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ๋งŽ์ด ๋ฐ›์•„์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์–ด๋ ค์›€

์ƒ๊ฐ๋ณด๋‹ค ๋ฐฐ์—ด ์ค‘๊ฐ„์— ์š”์†Œ๋ฅผ ์‚ฝ์ž…ํ•˜๊ฑฐ๋‚˜ ์‚ญ์ œํ•˜๋Š” ๊ฒฝ์šฐ๋Š” ๋งŽ์ด ์—†์–ด์„œ ์‚ฌ์šฉ ๋นˆ๋„๋Š” ๋‚ฎ์€ ํŽธ์ธ ๊ฒƒ ๊ฐ™์Œ.


slice ๋ฉ”์„œ๋“œ

๋ฐฐ์—ด์˜ ์–•์€ ๋ณต์‚ฌ๊ฐ€ ๊ฐ€๋Šฅํ•จ. ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•์œผ๋กœ ๋Œ€์ฒดํ•˜๋ฉด ํ›จ์”ฌ ๊ฐ€๋…์„ฑ์ด ์ข‹์Œ!


๋น„์ˆœ์ˆ˜ ํ•จ์ˆ˜

์™ธ๋ถ€ ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ทธ ์ƒํƒœ์˜ ๋ณ€๊ฒฝ ๊ฒฐ๊ณผ๋ฅผ ๋ชจ๋ฅด๊ณ  ์žˆ์œผ๋ฉด ์—๋Ÿฌ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ค๊ธฐ ๋”ฑ ์ข‹์Œ. ๊ทธ๋ž˜์„œ ์™ธ๋ถ€ ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝํ•˜์ง€ ์•Š๋Š” ์ˆœ์ˆ˜ ํ•จ์ˆ˜๋ฅผ ์ง€ํ–ฅํ•˜๋Š” ๊ฒƒ์ด ๋ฐ”๋žŒ์งํ•จ!

๊ฐ์ฒด๋ฅผ ์›์‹œ ๊ฐ’์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๋ฐ”๋žŒ์งํ•˜๋ฉฐ, ์™ธ๋ถ€์˜ ๊ฐ’์„ ๋ถˆ๋ณ€ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•จ.


์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•

Q. ์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•์€ ์—ฐ์‚ฐ์ž์ธ๊ฐ€?

์Šคํ”„๋ ˆ๋“œ ๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋ฉด ๋งŒ๋“ค์–ด์ง€๋Š” ๊ฒƒ์ด ๊ฐ’์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ์—ฐ์‚ฐ์ž๋กœ ๋ณผ ์ˆ˜ ์—†์Œ

Q. Rest์™€ ์Šคํ”„๋ ˆ๋“œ์˜ ์ฐจ์ด?

Rest๋Š” ๋ชจ์•„์ฃผ๋Š” ๊ฒƒ, ์Šคํ”„๋ ˆ๋“œ๋Š” ํ’€์–ด์ฃผ๋Š” ๊ฒƒ, ์ฆ‰ ๋ฐฉํ–ฅ์ด ๋ฐ˜๋Œ€์ž„


๋””์ŠคํŠธ๋Ÿญ์ฒ˜๋ง ํ• ๋‹น๊ณผ ๊ฐ์ฒด ๋””์ŠคํŠธ๋Ÿญ์ฒ˜๋ง ํ• ๋‹น์˜ ์ฐจ์ด

  • ๋ฐฐ์—ด ๋””์ŠคํŠธ๋Ÿญ์ฒ˜๋ง ํ• ๋‹น
    ์ˆœ์„œ์— ์˜๋ฏธ๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ธ๋ฑ์Šค๋ฅผ ๊ธฐ์ค€์œผ๋กœ ๊ตฌ์กฐ๋ฅผ ๋ถ„ํ•ดํ•˜์—ฌ ๋ณ€์ˆ˜์— ํ• ๋‹นํ•˜๋Š” ๊ฒƒ

  • ๊ฐ์ฒด ๋””์ŠคํŠธ๋Ÿญ์ฒ˜๋ง ํ• ๋‹น
    ์ˆœ์„œ๊ฐ€ ์•„๋‹ˆ๋ผ ํ‚ค ์ด๋ฆ„์„ ๊ธฐ์ค€์œผ๋กœ ๊ตฌ์กฐ๋ฅผ ๋ถ„ํ•ดํ•˜์—ฌ ํ• ๋‹นํ•˜๋Š” ๊ฒƒ

Map

ํ‚ค๋กœ ๊ฐ์ฒด๋ฅผ ์ค„ ์ˆ˜ ์žˆ์Œ.


Set

๋ฐฐ์—ด ์š”์†Œ์˜ ์ค‘๋ณต์„ ์ œ๊ฑฐํ•  ๋•Œ ๋งŽ์ด ์‚ฌ์šฉํ•จ.

profile
์„ฑ์žฅํ•˜๋Š” ๊ฐœ๋ฐœ์ž๐ŸŒผ

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