๋ฆฌ์กํธ&๋ฅ์คํธ&๋ฆฌ๋์ค&๋ฆฌ๋์ค์ฌ๊ฐ&์ต์คํ๋ ์ค ์คํ์ผ๋ก ํธ์ํฐ์ ์ ์ฌํ SNS ์๋น์ค๋ฅผ ๋ง๋ค์ด๋ด ๋๋ค. ๋์ผ๋ก ๊ฒ์์์ง ์ต์ ํ ํ AWS์ ๋ฐฐํฌํฉ๋๋ค.
๋ฆฌ์กํธ ๊ฐ๋ฐ
๋ฆฌ๋์ค&๋ฆฌ๋์ค ์ฌ๊ฐ
๋ฆฌ์กํธ Hooks ์ฌ์ฉ
Styled Components
Ant Design
์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง
๊ฒ์ ์์ง ์ต์ ํ
AWS ๋ฐฐํฌ
์๋ ํ์ธ์. ์ค๋(6.2)๋ถํฐ ์ ํ๋ธ์์ ๋ฆฌ์กํธ ๋ ธ๋๋ฒ๋ ๋ฆฌ๋ด์ผ ๊ฐ์ข๊ฐ ์์๋ฉ๋๋ค.
1๋ฌ ์ ๋ ์ดฌ์ํ ์์ ์ด๊ณ 7์ ์ด์ ์๋ก์ด ๊ฐ์ข๋ก ์ธํ๋ฐ์ ๋ฑ๋ก๋ ์์ ์ ๋๋ค.
๊ธฐ์กด ๊ตฌ๋ฒ์ ๊ฐ์ข ๊ตฌ๋งคํ์ ๋ถ๋ค๊ป๋ ์ ๊ท ๊ฐ์ข 50% ํ ์ธ ์ฟ ํฐ์ด ์ง๊ธ๋ ๊ฒ์ ๋๋ค.
์ฃผ์ํ ๋ณ๊ฒฝ ์ฌํญ์ next@9, antd@4, next-redux-wrapper@6, node@14 ์ฌ์ฉ์ ๋๋ค.
๊ตฌ๋ฒ์ ๊ฐ์ข์ ๋ง์ ์ง๋ฌธ๋ค์ด ๋ฌ๋ ธ๋๋ฐ ์ด์ ๋ํ ๋ต๋ณ๋ค์ ๊ฐ์ข์ ์ข ๋ ๋ช ํํ๊ฒ ๋ฐ์ํด๋๋ฆด ์์ ์ ๋๋ค.
ํธ์ํฐ์ ๋น์ทํ(์ด๋ผ๊ณ ์ฐ๊ณ ์งํ์ด๋ผ ์ฝ๋๋ค) ์ ๋ก์ด์ ์๊ทธ๋์ฒ ํ๋ก์ ํธ NodeBird SNS๋ฅผ ๋ง๋ค์ด๋ณด๋ฉฐ,
Next.js(SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize(MySQL)๋ฅผ ๋ฐฐ์๋๋ค.
๊ฒ์์์ง ์ต์ ํ์ AWS ๋ฐฐํฌ(๊ฐ๋จํ๊ฒ EC2 + Lambda + S3 + Route53 ์ฌ์ฉ)๋ ๋ณด๋์ค!
(์ด ๊ฐ์ข๋ ์๋ฆฌ์ฆ์ด๋ฉฐ ์ถํ Vue, TS, GraphQL, MobX๋ฑ์ ์ฌ์ฉํ ๋ค๋ฅธ ๋ฒ์ ์ NodeBird๋ ์ ์๋ฉ๋๋ค.)
์ ๊ฐ์ข์ ์ฅ์ ์ Q&A์ ๋๋ค. ์ง๋ฌธํ์๋ฉด ํ๋ฃจ ์์ ๋ต๋ณ๋๋ฆฝ๋๋ค. ๋จ์ํ ๊ฐ์ข๋ง ์์ฒญํ๋ ๊ฒ๋ณด๋ค๋ ๊ฐ์ข ๊ด๋ จ ๋ด์ฉ์ ์์ ๋กญ๊ฒ ์ง๋ฌธํ์๋ฉด์ ๋ฅ๋์ ์ผ๋ก ๊ณต๋ถํ์๋ฉด ๋ง์ ๋์์ด ๋ฉ๋๋ค. ๊ฐ์ข ๋ด์ฉ์์ ์ค๋ช ์ด ๋ถ์กฑํ๊ฑฐ๋ ์ดํด๊ฐ ์ ๊ฐ๋ ๋ถ๋ถ์ด ์๋ค๋ฉด ์ธ์ ๋ ์ง ์ง๋ฌธ์ฃผ์ธ์. ๋ค๋ฅธ ๋ถ๋ค์ด ์ด๋ฏธ ํ๋ ์ง๋ฌธ์ ์ฝ์ด๋ณด์๋ ๊ฒ๋ ๋์์ด ๋ฉ๋๋ค.
๋ก๊ทธ์ธ, ๊ฒ์๊ธ ์์ฑ, ์ด๋ฏธ์ง ์ ๋ก๋, ์ข์์, ๋๊ธ, ๋ฆฌํธ์
์ธํผ๋ํธ ์คํฌ๋กค๋ง, ํ๋ก์ฐ, ์ธํ๋ก์ฐ
ํด์ํ๊ทธ ๊ฒ์, ์ ์ ํ๋กํ
ํ๋ก ํธ๋ฅผ ์ค์ ์ผ๋ก ๋ค๋ฃจ๊ณ ๋ฐฑ์๋๋ ๋ถ๊ฐ์ ์ธ ์ญํ ์ ํฉ๋๋ค. (๋ ธ๋๊ต๊ณผ์ ์ฝ๋์ ๋น์ทํ๊ฒ ๊ฐ๋๋ค.)
Node.js๊ต๊ณผ์ ์ฑ ์ด๋ ๊ฐ์ข๋ฅผ ๋จผ์ ๋ณด๊ณ ์ค์๋ฉด ๋ฐฑ์๋ ์ดํด์ ๋์์ด ๋ฉ๋๋ค.
์ด์์ค์ธ ์ฌ์ดํธ: nodebird.com
์์ค ์ฝ๋: https://github.com/zerocho/react-nodebird
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
๋ฆฌ์กํธ Hooks๋ Next๊ฐ์ด ๋ฆฌ์กํธ๋ฅผ ์์ฉํ๊ณ ์ถ์ ๋ถ
ํ์คํ ๊ฐ๋ฐ์ ๊ด์ฌ์๋ ๋ถ
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ง๋ง์
์ ์ ์ง์,
ํ์ํ ๊น์?
HTML, CSS ์ง์
์๋ฐ์คํฌ๋ฆฝํธ ์ต์ ๋ฌธ๋ฒ ์ง์
์ ๋ก์ด์ ๋ฆฌ์กํธ ๋ฌด๋ฃ ๊ฐ์ข ์์ฒญ
62,399
๋ช
์๊ฐ์
1,441
๊ฐ
์๊ฐํ
9,544
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
21
๊ฐ
๊ฐ์
์ ๊ฐ์์ ์ฅ์ ์ Q&A์ ๋๋ค(์ธํ๋ฐ ๋ต๋ณ์ 2ํ ์์). 24์๊ฐ ์ด๋ด์ ์ต๋ํ ๋ต๋ณ๋๋ฆฝ๋๋ค! ๊ฐ์ด ๊ณ ๋ฏผํ๋ค๋ ๋๋์ผ๋ก ๋ต๋ณ ๋๋ฆด๊ฒ์!
https://www.zerocho.com/lecture
์ ๋ก์ด ๊ฐ์ ์ ์ฒด ๋ก๋๋งต
โ Node.js๊ต๊ณผ์, ์ฝ๋ฉ์์จํ์ต ์ ๋ก์ด์ ์๋ฐ์คํฌ๋ฆฝํธ, Let's Get IT ์๋ฐ์คํฌ๋ฆฝํธ, ํ์
์คํฌ๋ฆฝํธ ๊ต๊ณผ์ ์ ์
โ ZeroCho.com ์ด์์
โ ํ) ์ ํ๋ธ์์ ZeroCho TV๋ก ๊ฐ๋ฐ ๊ด๋ จ ๋ฐฉ์ก์ค
โ ํ) ์ค๋ชจ์ดํก CTO
โ ์ ) ์ค๋์ํฝ์
CTO(์นด์นด์ค๋ชจ๋น๋ฆฌํฐ์ ์์ฏ ํ ์นด์นด์ค๋ชจ๋น๋ฆฌํฐ ์ต์ฐ์ ๊ฐ๋ฐํํธ์ฅ)
์ ์ฒด
111๊ฐ โ (23์๊ฐ 39๋ถ)
๊ณต๊ฐํ์ง ์๋ ๊ฐ์๋ก ์๊ฐ์ด ์ ํ๋ฉ๋๋ค.