Gatsby: Gatsby๋Š” ์ด์ œ React Router๋กœ ์ „ํ™˜ํ• ๊นŒ์š”?

์— ๋งŒ๋“  2020๋…„ 05์›” 23์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: gatsbyjs/gatsby

์š”์•ฝ

React Router๊ฐ€ Reach ๋Œ€์‹  RR์„ ๋‘ ๋ฐฐ๋กœ ๋‚ฎ์ถ”๊ธฐ๋กœ ๊ฒฐ์ •ํ•œ ๊ฒƒ์„ ๊ณ ๋ คํ•˜๋ฉด Gatsby๊ฐ€ ์ง€๊ธˆ ํ†ตํ•ฉ ๋ ๊นŒ์š”?

๊ด€๋ จ ์ •๋ณด

https://reacttraining.com/blog/reach-react-router-future/

ํ™˜๊ฒฝ (ํ•ด๋‹นํ•˜๋Š” ๊ฒฝ์šฐ)

ํŒŒ์ผ ๋‚ด์šฉ (๋ณ€๊ฒฝ๋œ ๊ฒฝ์šฐ)

gatsby-config.js : ํ•ด๋‹น ์—†์Œ
package.json : ํ•ด๋‹น ์—†์Œ
gatsby-node.js : ํ•ด๋‹น ์—†์Œ
gatsby-browser.js : ํ•ด๋‹น ์—†์Œ
gatsby-ssr.js : ํ•ด๋‹น ์‚ฌํ•ญ ์—†์Œ

question or discussion

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์—ด์–ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์šฐ๋ฆฌ์˜ ๊ณ„ํš์€ react-router๋กœ ๋Œ์•„๊ฐ€๋Š” ๊ฒƒ์ด์ง€๋งŒ ๋จผ์ € ์šฐ๋ฆฌ๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ํ˜„์žฌ @reach/router ๋งŒํผ ์•ก์„ธ์Šค ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ํ™•์ธํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๋ช‡ ๊ฐ€์ง€ ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด์žˆ์„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์‹ค์ œ๋กœ ์—ฌ๊ธฐ์—์„œ ์ถ”์ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. https://github.com/gatsbyjs/gatsby/issues/15277 (์ด๊ฒƒ์€ ์šฐ์‚ฐ ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค)

์ง€๊ธˆ์€์ด ๋ฌธ์ œ๋ฅผ ๋‹ต๋ณ€์œผ๋กœ ํ‘œ์‹œํ•˜๊ณ  ์ข…๋ฃŒํ•˜๊ณ  ์žˆ์ง€๋งŒ์ด ํ† ๋ก ์„ ๊ณ„์†ํ•˜๋ ค๋ฉด ์—ฌ๊ธฐ์—์„œ ์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”. ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ ๋‚˜ ๊ธฐ๋Šฅ ์š”์ฒญ์ด ์•„๋‹Œ ์งˆ๋ฌธ์ด์žˆ๋Š” ๊ฒฝ์šฐ์—๋„ ์ปค๋ฎค๋‹ˆํ‹ฐ๋กœ ์ด๋™ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. Gatsby๋ฅผ ์‚ฌ์šฉํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

>๋ชจ๋“  ๋Œ“๊ธ€

์—ด์–ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์šฐ๋ฆฌ์˜ ๊ณ„ํš์€ react-router๋กœ ๋Œ์•„๊ฐ€๋Š” ๊ฒƒ์ด์ง€๋งŒ ๋จผ์ € ์šฐ๋ฆฌ๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ํ˜„์žฌ @reach/router ๋งŒํผ ์•ก์„ธ์Šค ํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ํ™•์ธํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๋ช‡ ๊ฐ€์ง€ ์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด์žˆ์„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์‹ค์ œ๋กœ ์—ฌ๊ธฐ์—์„œ ์ถ”์ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. https://github.com/gatsbyjs/gatsby/issues/15277 (์ด๊ฒƒ์€ ์šฐ์‚ฐ ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค)

์ง€๊ธˆ์€์ด ๋ฌธ์ œ๋ฅผ ๋‹ต๋ณ€์œผ๋กœ ํ‘œ์‹œํ•˜๊ณ  ์ข…๋ฃŒํ•˜๊ณ  ์žˆ์ง€๋งŒ์ด ํ† ๋ก ์„ ๊ณ„์†ํ•˜๋ ค๋ฉด ์—ฌ๊ธฐ์—์„œ ์˜๊ฒฌ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”. ๋ฒ„๊ทธ ๋ณด๊ณ ์„œ ๋‚˜ ๊ธฐ๋Šฅ ์š”์ฒญ์ด ์•„๋‹Œ ์งˆ๋ฌธ์ด์žˆ๋Š” ๊ฒฝ์šฐ์—๋„ ์ปค๋ฎค๋‹ˆํ‹ฐ๋กœ ์ด๋™ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. Gatsby๋ฅผ ์‚ฌ์šฉํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰