Seungjae Lee 2021. 6. 7. 16:32

๐Ÿ’ป  ์˜ค๋Š˜ ํ•œ ์ผ 

  • React SPA(Single-Page Application) ๊ฐœ๋… ๊ณต๋ถ€
    Single-Page Application :
    SPA๋Š” ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ์™„์ „ํžˆ ์ƒˆ๋กœ์šด ํŽ˜์ด์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, ํ™”๋ฉด์„ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ
    ๋ฐ์ดํ„ฐ๋งŒ ์„œ๋ฒ„์—์„œ ์ „๋‹ฌ๋ฐ›์•„ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ•ด๋‹นํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค.
  • ์™€์ด์–ดํ”„๋ ˆ์ž„๊ณผ ๋ชฉ์—… ๊ฐœ๋… ๊ณต๋ถ€
  • React์—์„œ npm์œผ๋กœ React Router DOM์„ ์„ค์น˜(npm install react-router-dom)ํ•˜๊ณ  ์‚ฌ์šฉ
  • React Router DOM๋ฅผ ์ด์šฉํ•˜์—ฌ SPA๋ฅผ ๊ตฌํ˜„

๐Ÿค”  ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ 

  • React Router DOM๋ฅผ ์‚ฌ์šฉํ•ด์„œ SPA๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋‹ˆ ๋ณด๊ธฐ์— ๊ทธ๋Ÿด์‹ธํ•œ ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ
    ๋ฌด์ฒ™ ๋ฟŒ๋“ฏํ•˜๊ณ  ์ž์‹ ๊ฐ๋„ ๋ฟœ๋ฟœ ์ƒ๊ธด๋‹ค! ใ…Ž
  • ํ•  ์ผ์ด ๋ฐ€๋ฆฌ๋‹ˆ ํ•  ์—„๋‘๊ฐ€ ์•ˆ๋‚œ๋‹ค, ๋‚ด์ผ ํ•ด์•ผ์ง€ ํ•ด๋„ ์–ด์ฐจํ”ผ ๋‚ด์ผ ์•ˆํ•˜๋‹ˆ๊นŒ ๊ทธ๋ƒฅ ์˜ค๋Š˜ ํ•ด! 

โœ…  ๋‚ด์ผ ํ•ด์•ผ ํ•  ๊ฒƒ

  • ํ•˜๋ฃจ ๋ณต์Šต ๊ผญ๊ผญ ! 
  • ๋ชจ๋˜์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฒดํฌํ•ด๋‘” ์ฑ•ํ„ฐ ๊ณต๋ถ€ํ•˜๊ธฐ