Posts
Q&A
์คํ์ผ๋ ์ปดํฌ๋ํธ์ className์ ํตํ ์คํ์ผ ์ ์ฉ์ ์ฐจ์ด์ ๋ํด ๊ถ๊ธํฉ๋๋ค
๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค
- 0
- 2
- 561
Q&A
์๋ ํ์ธ์ ssr ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค ํด๊ฒฐํ์ต๋๋ค
- 0
- 2
- 258
Q&A
์๋ ํ์ธ์ ssr ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค ์๋ํด๋ณด๊ฒ์ต๋๋น
- 0
- 2
- 255
Q&A
์๋ ํ์ธ์ withRedux๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
(์ฌ์ง) ์์ ์ฒ๋ฆฌ ๋ ์๋ ๋ถ๋ถ์ด ๋ฌธ์ ๊ฐ ๋๋ ์ปดํฌ๋ํธ๋ค์ ๋๋ค. category/[number] ๋ ๊ฒ์ํ์ด๊ณ , ์ซ์์ ๋ฐ๋ผ ๊ฒ์ํ ์ข ๋ฅ๊ฐ ๋ฌ๋ผ์ง๊ฒ ํด ๋จ์ต๋๋ค. ๊ฒ์ํ์ ๊ฒ์๊ธ๋ค์ posts/[id] ๋ก ํฅํ๊ฒ ํ์ต๋๋ค. ์ด ๋, ๊ฒ์ํ(category/number)์์๋ ssr์ ํ์ง ์๊ณ ์ปดํฌ๋ํธ ์์ useEffect ์์์ dispatch๋ฅผ ํตํด์ ๊ฒ์ํ(๊ฒ์๊ธ๋ค์ ์ ๋ถ)์ ๋ถ๋ฌ์ต๋๋ค. ์๋๋ ์ด์ ํด๋นํ๋ ์ฌ์ง์ ๋๋ค (์ฌ์ง)(category/[number]) ๊ทธ ๋ค์์ posts/[id]์ธ๋ฐ์, ์ฌ๊ธฐ์ ssr์ ์ฌ์ฉํฉ๋๋ค. ํด๋น url์ ํฌ์คํธ๋งจ์ ๋๋ ค๋ณด๋ฉด ,html์ด ์ ์์ ์ผ๋ก ์ถ๋ ฅ๋ฉ๋๋ค (์ฌ์ง)
- 0
- 6
- 390
Q&A
์๋ ํ์ธ์ withRedux๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
9.5.3 ๋ฒ์ ์ ์๋๋ค ssr ์ฌ์ฉํฉ๋๋ค ์ฐ์ ์ฃผ์ ์๋ฃ ์ฝ์ด๋ณด๊ฒ ์ต๋๋ค ๊ฐ์ฌํฉ๋๋ค ใ ใ
- 0
- 6
- 390
Q&A
์๋ ํ์ธ์ withRedux๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
next-redux-wrapper@6์ next@9)์ ๋ฒ์ ์ ๋๋ค. ์์ํ๋ ์ฃผ์์ ์ค์ ์ฃผ์๋ ๊ฐ์ต๋๋ค ํด๋น ๋ฌธ์ ๋, ๋ค๋ก๊ฐ๊ธฐ ํ์ ๋ (๊ฒ์ํ์ผ๋ก ์์ ๋), router.query๋ก ์ฃผ์์ ์ฟผ๋ฆฌ ์คํธ๋ง์ ๊ฐ์ ธ์์ useEffect ์์์ ๊ฒ์๊ธ ๋ฆฌ์คํธ๋ฅผ ๋ค์ ํธ์ถํ๋ ์์ผ๋ก ํด๊ฒฐ์ ํ์ต๋๋ค. ๊ทผ๋ฐ ์ด๋ฐ ๋ฌธ์ ๊ฐ ์ ๋ฐ์ํ๋์ง ๊ถ๊ธํ๋ค์ ใ ใ
- 0
- 6
- 390
Q&A
์๋ ํ์ธ์ ssr ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
์๋ ค์ฃผ์ ๋๋ก ํ์ธ์ ํด ๋ดค์ต๋๋ค. ํค๋๋ ์ฌ์ด๋์ชฝ์ ๋ญ๊ฐ ์ ์์ ์ผ๋ก html๋ก ๋์ค๋ ๊ฑฐ ๊ฐ์๋ฐ, ์ ์ ์๋ฒ์ฌ์ด๋ ๋ ๋๋ง์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ ๋ณธ๋ฌธ์ด ์ฃผ์์ฒ๋ฆฌ๊ฐ ๋์ด์๋ค์ ์ด๊ฑฐ๋ ssr ์ด ์ ๋๊ฑด๊ฐ์? section class="ant-layout" style="padding:0 24px 24px"> main class="ant-layout-content site-layout-background" style="padding:24px;margin:0;min-height:280px"> div> div> div> div> div> div>button>modifybutton>button>deletebutton> main> section> ... script id="__NEXT_DATA__" type="application/json"> {"props":{"pageProps":{"data":{"id":8,"category":"1","title":"test","content":"\u003cp\u003e568678678\u003c/p\u003e\n","createdAt":"2020-09-22T13:59:22.000Z","updatedAt":"2020-09-22T13:59:22.000Z","deletedAt":null}},"__N_SSP":true},"page":"/posts/[id]","query":{"id":"8"},"buildId":"development","isFallback":false,"gssp":true} script>
- 0
- 3
- 514
Q&A
์๋ ํ์ธ์ ๋ผ์ฐํ ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
๊ฐ์ฌํฉ๋๋ค
- 0
- 2
- 278
Q&A
์๋ ํ์ธ์ ๋์ ๋ผ์ฐํ ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
1. ๋ค ๋ง์ํ์ ๋๋ก ํด๋ดค์ง๋ง undefined๊ฐ ๋ด์ต๋๋ค 2. context์ query๊ฐ {id: 3 (์ ๊ฐ ํด๋ฆญํ ๊ธ์ id) } ๋์์ mobx๋ก ๋ณด๋ด์ ์์ฒญ์ ๋ณด๋์ต๋๋ค. mobx์ ์ฝ์๋ก ์ฐ์, result์๋ data์ ํ๋กํผํฐ๋ก ์ ๊ฐ ์ํ๋ db์ ๊ฐ์ด ๋์์ต๋๋ค. ์ด๋ฅผ, eRPrender์ ๋ฃ์์ต๋๋ค. getServersideProps์์ postData๋ผ๋ ๋ณ์์ ๋ฃ๊ณ ๋ณด๋ ์๋์ ๊ฐ์ ๊ฐ์ด ๋์์ต๋๋ค getter/setter๊ฐ ๋ญ์ง ๋ชฐ๋ผ์...์ฐพ์๋ณด๊ฒ ์ต๋๋ค (์ฌ์ง) ์๋๋ ์ ์ฒด ์ฝ๋์ ๋๋ค (์ฌ์ง)
- 0
- 9
- 465
Q&A
์๋ ํ์ธ์ ๋์ ๋ผ์ฐํ ๊ด๋ จ ์ง๋ฌธ๋๋ฆฝ๋๋ค
export async function getServerSideProps(context) { console.log('in getserverside, context,; ', context) return { props: {data: 7} // will be passed to the page component as props }}์ด๋ ๊ฒ๋ง ํ์ ๋๋, context๋ ์ฐํ๋๋ฐ,์ํ ์ผ์ ๋ฆฌํด ๊ฐ์ data๋ฅผ ์ฃผ๊ณ Post์ปดํฌ๋ํธ์์ ๋์ด ์จ ๊ฐ์ด ์๋ ์ง ํ์ธํฟ์ง๋ง, ๋๊ฐ์ด undefined์ ๋๋ค const Post = ({props}) => { console.log('in f post, props;', props); // undefined return ( AppLayout> div> articlediv> AppLayout> );};
- 0
- 9
- 465




