์๋ก ๋ง๋๋ ์ ๋ก์ด์ ๋ฆฌ์กํธ ๋
ธ๋๋ฒ๋ ํ๋ก์ ํธ!
๋ฆฌ๋ด์ผ๋ ์ฌํญ
next@9, styled-components@5, antd@4, node.js@14 ๋ฑ์ ๋ฒ์ ์ ๋ค๋ฃน๋๋ค.
next@14์ node.js@20๊ณผ๋ ํธํ๋๋ ์ต์ ๋ฒ์ ์ผ๋ก ์งํํ์
๋ ๋ฉ๋๋ค. antd@5, next-redux-wrapper@8์ migration ๋ฐฉ๋ฒ์ ๊ฐ์๋
ธํธ์ ์์์(๊ณต์ง์ฌํญ)์ ์ ๋ฆฌํด๋์์ต๋๋ค. ์ฐธ๊ณ ํ๋ฉด์ ๋ณด์ธ์!
์ด ๊ฐ์ข๋ Pages Router๋ฅผ ๋ค๋ฃน๋๋ค. App Router ๊ฐ์ข๋ ์ด ๋งํฌ(ํด๋ฆญ)์ ์์ต๋๋ค. App router ๊ฐ์ข๊ฐ ๋ ์ต์ ์ด์ง๋ง ์ด ๊ฐ์ข๋ฅผ ๋จ๊ฒจ๋ ์ด์ ๋, App Router๊ฐ ์์ง ๋ถ์์ ํด์ ์ค๋ฌด์์ ์ฐ๊ธฐ์ ์กฐ๊ธ ์ํ์ด ์์ต๋๋ค. ์์ ํ๋ ๋๊น์ง๋ Pages Router๋ฅผ ์ค๋ฌด์์ ์ฐ์๋ ๊ฑธ ์ถ์ฒ๋๋ฆฝ๋๋ค.
๋น๋ถ์ ๋ง์
์๋
์ ๋ง์ ์๊ฐ์๋ถ๋ค์ด ์ด ๊ฐ์ข๋ฅผ ๋ค์ด์ฃผ์
จ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค. ๋ค๋ง ๋๋ฆฌ๊ณ ์ถ์ ๋ง์์ด ํ๋ ์์ต๋๋ค. ๋จ์ํ ๊ฐ์๋ฅผ ๋์ผ๋ก ๋ณธ๋ค๊ณ ํด์ ํ์คํ ๊ฐ๋ฐ์ ๋์ง ์์ต๋๋ค(๊ทธ๊ฒ์ ์์ฌ์
๋๋ค). ์ง์ ๋ฐ๋ผ์ ์น์๊ณ , ๋ฐ์ํ๋ ์๋ฌ๋ค์ ํด๊ฒฐํ๊ณ , ๊ฐ์ข์๋ ์๋ ๊ธฐ๋ฅ์ ๋ง๋ค์ด๋ณด๋ฉด์ ๋์ค๋ ๊ธฐ์ ์ ์๊ธฐ ๊ฒ์ผ๋ก ๋ง๋ค์ด์ผ ํฉ๋๋ค.
์ด ๊ฐ์ข๋ ์ค์ ๋ก 6๊ฐ์ ์ด์์ด ๊ฑธ๋ฆฌ๋ ์ปค๋ฆฌํ๋ผ์ 20์๊ฐ ๊ฐ๊น์ด ์ด์ด์ ๋ณด์ฌ๋๋ฆฌ๋ ๊ฒ์
๋๋ค. HTML, CSS, JS, Node, MySQL, AWS ๋ชจ๋ ์ต์ 1๋ฌ ์ด์์ ํฌ์ํด์ผ ์ด๋ ์ ๋ ์ํํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ ๊ฐ์ข๋ 20์๊ฐ ๋ถ๋์ด๋๋ผ๋ ๋ณ๋์ ๊ณต๋ถ๊ฐ ํ์ํฉ๋๋ค.
์ ๋ก์ด์ React๋ก ๋ฐฐ์ฐ๋
20์๊ฐ ํ์คํ ๊ฐ์ข!
โฒ NodeBird SNS ๋ง๋ค๊ธฐ
- ํธ์ํฐ์ ๋น์ทํ(์ด๋ผ๊ณ ์ฐ๊ณ ์งํ์ด๋ผ ์ฝ๋๋ค) ์ ๋ก์ด์ ์๊ทธ๋์ฒ ํ๋ก์ ํธ NodeBird SNS๋ฅผ ๋ง๋ค์ด๋ณด๋ฉฐ, ์๋น์ค ๊ตฌํ๋ถํฐ ๋ฐฐํฌ๊น์ง ๋ชจ๋ ๋ฐฐ์๋ด์.
- Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL)๋ฅผ ๋ฐฐ์๋๋ค.
- ๊ฒ์์์ง ์ต์ ํ์ AWS ๋ฐฐํฌ(๊ฐ๋จํ๊ฒ EC2 + Lambda + S3 + Route53 ์ฌ์ฉ)๋ ๋ณด๋์ค!
์ง์ ๋ง๋ค์ด๋ณด์ธ์!
๋ก๊ทธ์ธ, ๊ฒ์๊ธ ์์ฑ, ์ข์์
์ด๋ฏธ์ง ์
๋ก๋, ๋๊ธ, ๋ฆฌํธ์
์ธํผ๋ํธ ์คํฌ๋กค๋ง, ํ๋ก์ฐ, ์ธํ๋ก์ฐ
ํด์ํ๊ทธ ๊ฒ์, ์ ์ ํ๋กํ
์ง๋ฌธ์ ๋น ๋ฅด๊ฒ
๋๋ตํด ๋๋ฆฝ๋๋ค.
์ ๊ฐ์ข์ ์ฅ์ ์ Q&A์
๋๋ค. ์ง๋ฌธํ์๋ฉด ํ๋ฃจ ์์ ๋ต๋ณ๋๋ ค์.
๊ฐ์ข ๊ด๋ จ ๋ด์ฉ์ ์์ ๋กญ๊ฒ ์ง๋ฌธํ์๋ฉด์ ๋ฅ๋์ ์ผ๋ก ๊ณต๋ถํด ๋ณด์ธ์.
๋ด์ฉ์ ์ดํดํ๊ธฐ์ ๋ ๋์์ด ๋ ๊ฑฐ์์!
์ง์๊ณต์ ์๋ฅผ ์๊ฐํฉ๋๋ค.
์ฐ๊ด ๊ฐ์