nextjs 1

Redux ๋Œ€์‹  getServerSideProps + SWR

๊ฐœ์ธ์šฉ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ๋‹ค. ํ‰์†Œ ๊ถ๊ธˆํ–ˆ๋˜ Next.js๋กœ ๋งŒ๋“ค์—ˆ๋‹ค. React ํ”„๋กœ์ ํŠธํ•˜๋“ฏ์ด ๋งŒ๋“ค๊ณ  ํ…Œ์ŠคํŠธํ–ˆ๋‹ค. ๊ทธ๋žฌ๋”๋‹ˆ ๊ฐœ๋ณ„ ํŽ˜์ด์ง€์—์„œ ๋ชฉ๋ก ํŽ˜์ด์ง€๋กœ ๋’ค๋กœ๊ฐ€๊ธฐ ํ•  ๋•Œ๋งˆ๋‹ค ๋ชฉ๋ก ๋ฐ์ดํ„ฐ api ์š”์ฒญ์„ ๋‹ค์‹œ ํ•œ๋‹ค. ์—…๋ฐ์ดํŠธ ์ฃผ๊ธฐ๊ฐ€ ๊ธด ๋ชฉ๋ก ๋ฐ์ดํ„ฐ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ชฉ๋ก ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์€ ํด๋ผ์ด์–ธํŠธ๋Š” api ์š”์ฒญ์„ ๋‹ค์‹œ ํ•  ํ•„์š”๊ฐ€ ์—†์—ˆ๋‹ค. ๋ชฉ๋ก ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•ด persistence๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  api ์š”์ฒญ ์ „์— persistence๊ฐ€ ์žˆ์œผ๋ฉด renderํ•˜์ง€ ์•Š๋„๋ก ํ–ˆ๋‹ค. ๋‹ค์‹œ ๋’ค๋กœ๊ฐ€๊ธฐ ํ…Œ์ŠคํŠธ๋ฅผ ํ–ˆ๋”๋‹ˆ React ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ๋ชป ๋ณด๋˜ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•œ๋‹ค. Hydration failed because the initial UI does not match what was rendered on the server. Text c..

Dev 2022.11.26