Daily/Today I Learned

22.12.24_TIL

ํ˜ธ๋ฐ€์ด 2022. 12. 24. 20:34

๐Ÿ“— ์˜ค๋Š˜ ํ•œ ์ผ

NextJS ๊ฐ•์˜

  • API Route?
    • NextJS์˜ ์žฅ์  ์ค‘ ํ•˜๋‚˜์ธ API Route ๊ธฐ๋Šฅ์„ ํ†ตํ•ด API endpoint๋ฅผ ํด๋ผ์ด์–ธํŠธ ์ฝ”๋“œ์™€ ํ•จ๊ป˜ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.
    • ์—”๋“œํฌ์ธํŠธ๋ฅผ ์‚ฌ์šฉํ•ด REST API์™€ ๊ฐ™์€ API๋ฅผ NextJS ์•ฑ์— ํฌํ•จํ•จ์œผ๋กœ์จ endpoint๋ฅผ ํ†ตํ•ด ์—ฌ๋Ÿฌ ๊ฐ€์ง€ HTTP ์š”์ฒญ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ์—ญํ• ์„ ํ•œ๋‹ค.
  • pages ํด๋” ๋‚ด์— api ํด๋”๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.
    • api ํด๋” ๋‚ด์— ์žˆ๋Š” ํŒŒ์ผ์€ React ์ปดํฌ๋„ŒํŠธ๋กœ ๋‚ด๋ณด๋‚ด์ง€ ์•Š๋Š”๋‹ค.
    • ์›น ํŽ˜์ด์ง€์— ๋ฐฉ๋ฌธํ•œ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ๋ณด์ด์ง€ ์•Š๋Š”๋‹ค.
      • getStaticProps, getServerSideProps์™€ ๊ฐ™๋‹ค.
  • SSR Route

โœ Diary

NextJS์—์„œ ์‚ฌ์šฉํ•˜๋Š” API Route์— ๋Œ€ํ•ด์„œ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•™์Šตํ–ˆ๋‹ค. ์•ž์œผ๋กœ Next๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•œ๋‹ค๋ฉด ์ž์ฃผ ์“ฐ์ด๊ฒŒ ๋  ๊ฒƒ์ด๋‹ˆ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ๋”๋ผ๋„ ํ™•์‹คํ•˜๊ฒŒ ์•Œ๊ณ  ๋„˜์–ด๊ฐ€๋Š” ๊ฒƒ์ด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.
์˜ค๋Š˜์€ ํฌ๋ฆฌ์Šค๋งˆ์Šค ์ด๋ธŒ...์ธ๋ฐ... ์ทจ์ค€์ด๋‹ˆ ์—ด์‹ฌํžˆ ํ•ด์•ผ๊ฒ ๋‹ค. (๋‚ด์ผ์€ ํ•˜๋ฃจ ํœด์‹..! ํœด์‹๋„ ์•ž์œผ๋กœ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ์ค‘์š”ํ•œ ์‹œ๊ฐ„์ด๋‹ค๋ผ๋Š” ๊ฒƒ์„ ํ•™์Šตํ•˜๋ฉด์„œ ๊นจ๋‹ฌ์•˜๋‹ค.!)

'Daily > Today I Learned' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

22.12.27_TIL  (0) 2022.12.27
22.12.26_TIL  (0) 2022.12.26
22.12.23_TIL  (0) 2022.12.23
22.12.22_TIL  (0) 2022.12.23
22.12.21_TIL  (0) 2022.12.23