๋ด create-react-app์ razzle ์ฑ์ผ๋ก ๋ณํํ ์ ์๋์
๊ธ์, ์์ฉ ํ๋ก๊ทธ๋จ์ ๋๋ถ๋ถ์ ๋ณต์ฌ ๋ถ์ฌ ๋ฃ๊ธฐ ๋งํ๋ฉด๋ฉ๋๋ค ...
์๋ฒ์ ํด๋ผ์ด์ธํธ์์ ๋ค๋ฅด๊ฒ ์์ํ๋ ค๋ฉด ์ํ ๊ด๋ฆฌ์(redux, mobx)์ ๊ฐ์ ์ผ๋ถ ํญ๋ชฉ์ ๋ฆฌํฉํ ๋งํด์ผ ํ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฃผ์ ๋ด๋ถ๋ ๋ณต์ฌ/๋ถ์ฌ๋ฃ๊ธฐ์ฌ์ผ ํฉ๋๋ค.
LocalStorage๋ฅผ ์ฌ์ฉํ์ฌ ์ธ์ฆ ํ ํฐ์ ์ฒ๋ฆฌํ๋ ๊ฒฝ์ฐ LocalStorage๊ฐ SSR์์ ์๋ํ์ง ์์ผ๋ฏ๋ก ์ฟ ํค๋ฅผ ์ฌ์ฉํ๋๋ก ๋ฆฌํฉํ ๋งํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
์ด์ ๋ํ ๊ธ์ ์์ฑํด์ผ๊ฒ ์ต๋๋ค. ์๋นํ ์ง๊ด์ ์ ๋๋ค. .gql ๋ฐ node_modules ์ปดํ์ผ๊ณผ ๊ฐ์ ์ต์ CRA ๊ธฐ๋ฅ ์ค ์ผ๋ถ๋ฅผ ๋ฐ๋ผ์ก์์ผ ํ์ง๋ง
@jaredpalmer .gql
ํ์ผ๊ณผ ๊ด๋ จ๋ PR(#841)์ด ์ด๋ ค ์์ต๋๋ค.
๋ต์ฅ์ ๋ณด๋ด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ๋๋ nextjs๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ๊ฐํ ๋ํต์ด ์์ต๋๋ค. ๋ด create react ์ฑ์์ ์ฌ์ฉํ ๋๋ถ๋ถ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ nextjs์์ ๊ณ์ ์ค๋ฅ๋ฅผ ๋์ก์ต๋๋ค.
์๋ ํ์ธ์, ์ด ํจํค์ง react-images-upload๋ฅผ razzlejs์ ํจ๊ป ์ฌ์ฉํ๋ ค๊ณ ์๋ํ๋ ๋์ ๊ตฌ๋ฌธ ์ค๋ฅ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
razzle๊ณผ ํจ๊ป react-images-upload๋ฅผ ์ฌ์ฉํ ๋ ์ด ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค. ๋ด๊ฐ ๋ฌด์์ ํฉ๋๊น?
C:\Projects\razzlejs-projects\test-appnode_modules\react-images-upload\UploadIcon. svg:1
(ํจ์(๋ด๋ณด๋ด๊ธฐ, ํ์, ๋ชจ๋, __filename, __dirname) {
@jaredpalmer ์ด์ ๋ํ ๋ธ๋ก๊ทธ ๊ฒ์๋ฌผ์ ์ ๋ฐ์ดํธ๊ฐ ์์ต๋๊น? :)
@jaredpalmer CRA๋ฅผ Razzle๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ฒ์๋ฌผ์ ์์ฑํด ์ฃผ์๊ฒ ์ต๋๊น?
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด์ ๋ํ ๊ธ์ ์์ฑํด์ผ๊ฒ ์ต๋๋ค. ์๋นํ ์ง๊ด์ ์ ๋๋ค. .gql ๋ฐ node_modules ์ปดํ์ผ๊ณผ ๊ฐ์ ์ต์ CRA ๊ธฐ๋ฅ ์ค ์ผ๋ถ๋ฅผ ๋ฐ๋ผ์ก์์ผ ํ์ง๋ง