react-knowledge

1.Next.js ํ•„์š”ํ•œ ๊ฒƒ๋งŒ ๋นจ๋ฆฌ ๋ฐฐ์šฐ๊ธฐ

post-thumbnail

Next.js ๋นจ๋ฆฌ ๋ฐฐ์šฐ๊ธฐ ์ด ํฌ์ŠคํŒ…์€ Next.js์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ณต์‹ ํŠœํ† ๋ฆฌ์–ผ์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋น ๋ฅด๊ฒŒ Next.js๋ฅผ ๋ฐฐ์›Œ๋ด…์‹œ๋‹ค. Next.js๋ž€? ๊ธฐ๋ณธ์ ์œผ๋กœ๋Š” ๋ฆฌ์•กํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ SPA๋ฅผ ๋น ๋ฅด๊ฒŒ ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋…€์„์ž…๋‹ˆ๋‹ค. ๋งจ๋ฐ”๋‹ฅ๋ถ€ํ„ฐ SPA์˜ ํ™˜๊ฒฝ์„ ํ•˜๋‚˜์”ฉ ์žก์•„๊ฐ€๊ณ  ์•ฑ์„ ๋นŒ๋“œํ•˜๋ ค๋ฉด ๋†’์€ ๋Ÿฌ๋‹์ปค๋ธŒ๊ฐ€ ํ•„์š”ํ•œ ๋ฐ˜๋ฉด Next.js๋ฅผ ...

2019๋…„ 8์›” 13์ผ

2.StyledComponents๊ฐ€ next์—์„œ ์ ์šฉ์ด ์ž˜ ์•ˆ๋  ๋•Œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

post-thumbnail

StyledComponents๋ฅผ ์ ์šฉํ•œ ์ดํ›„, Hot-Reloading์‹œ์—๋Š” ์ž˜ ์ ์šฉ์ด ๋˜์ง€๋งŒ ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ๊ณ ์นจํ•˜๋ฉด ์ œ๋Œ€๋กœ ์ ์šฉ์ด ์•ˆ ๋˜์–ด์žˆ๋‹ค.next์˜ pages ๋””๋ ‰ํ† ๋ฆฌ ๋ฐ \_document.js์— StyledComponents ์„œ๋ฒ„์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์„ ํ•ด์ค€๋‹ค.์•„๋ž˜์™€

2020๋…„ 4์›” 24์ผ

3.๋ฒˆ์—ญ / ๋ฆฌ์•กํŠธ ํ›…์Šค ์ปดํฌ๋„ŒํŠธ์—์„œ setInterval ์‚ฌ์šฉ ์‹œ์˜ ๋ฌธ์ œ์ 

post-thumbnail

Dan abramov์˜ https://overreacted.io/making-setinterval-declarative-with-react-hooks/ ๋ฒˆ์—ญ์ž…๋‹ˆ๋‹ค.All copyrights to Dan Abramovtranslated by Jake seoTHE

2020๋…„ 6์›” 21์ผ