๋ฆฌ์กํธ & ๋ฅ์คํธ & ๋ฆฌ๋์ค & ๋ฆฌ๋์ค์ฌ๊ฐ & ์ต์คํ๋ ์ค ์คํ์ผ๋ก ํธ์ํฐ์ ์ ์ฌํ SNS ์๋น์ค๋ฅผ ๋ง๋ค์ด๋ด ๋๋ค. ๋์ผ๋ก ๊ฒ์์์ง ์ต์ ํ ํ AWS์ ๋ฐฐํฌํฉ๋๋ค.
์ด๋ฐ ๊ฑธ
๋ฐฐ์์!
๋ฆฌ์กํธ ๊ฐ๋ฐ
๋ฆฌ๋์ค&๋ฆฌ๋์ค ์ฌ๊ฐ
๋ฆฌ์กํธ Hooks ์ฌ์ฉ
Styled Components
Ant Design
SWR
์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง
๊ฒ์ ์์ง ์ต์ ํ
AWS ๋ฐฐํฌ
์๋ก ๋ง๋๋ ์ ๋ก์ด์ ๋ฆฌ์กํธ ๋ ธ๋๋ฒ๋ ํ๋ก์ ํธ!
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์๊ฐ ๋ถ๋์ด๋๋ผ๋ ๋ณ๋์ ๊ณต๋ถ๊ฐ ํ์ํฉ๋๋ค.
โฒ NodeBird SNS ๋ง๋ค๊ธฐ
์ ๊ฐ์ข์ ์ฅ์ ์ Q&A์
๋๋ค. ์ง๋ฌธํ์๋ฉด ํ๋ฃจ ์์ ๋ต๋ณ๋๋ ค์.
๊ฐ์ข ๊ด๋ จ ๋ด์ฉ์ ์์ ๋กญ๊ฒ ์ง๋ฌธํ์๋ฉด์ ๋ฅ๋์ ์ผ๋ก ๊ณต๋ถํด ๋ณด์ธ์.
๋ด์ฉ์ ์ดํดํ๊ธฐ์ ๋ ๋์์ด ๋ ๊ฑฐ์์!
์ ๋ก์ด ๋ธ๋ก๊ทธ ๋ฐ
์ ํ๋ธ ์ฑ๋ ์ด์
์น๊ฐ๋ฐ ๋ฒ ์คํธ์
๋ฌ
<Node.js ๊ต๊ณผ์> ์ ์
์ฃผ์ํ์ฌ ์ค๋์ํฝ์
CTO
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
๋ฆฌ์กํธ Hooks๋ Next๊ฐ์ด ๋ฆฌ์กํธ๋ฅผ ์์ฉํ๊ณ ์ถ์ ๋ถ
ํ์คํ ๊ฐ๋ฐ์ ๊ด์ฌ์๋ ๋ถ
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ง๋ง์
Next Page Router๋ฅผ ์ ๊ทน์ ์ผ๋ก ์ฌ์ฉํด๋ณด๊ณ ์ถ์ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
HTML, CSS ์ง์
์๋ฐ์คํฌ๋ฆฝํธ ์ต์ ๋ฌธ๋ฒ ์ง์
์ ๋ก์ด์ ๋ฆฌ์กํธ ๋ฌด๋ฃ ๊ฐ์ข ์์ฒญ
61,583
๋ช
์๊ฐ์
1,424
๊ฐ
์๊ฐํ
9,496
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
21
๊ฐ
๊ฐ์
์ ๊ฐ์์ ์ฅ์ ์ Q&A์ ๋๋ค(์ธํ๋ฐ ๋ต๋ณ์ 2ํ ์์). 24์๊ฐ ์ด๋ด์ ์ต๋ํ ๋ต๋ณ๋๋ฆฝ๋๋ค! ๊ฐ์ด ๊ณ ๋ฏผํ๋ค๋ ๋๋์ผ๋ก ๋ต๋ณ ๋๋ฆด๊ฒ์!
https://www.zerocho.com/lecture
์ ๋ก์ด ๊ฐ์ ์ ์ฒด ๋ก๋๋งต
โ Node.js๊ต๊ณผ์, ์ฝ๋ฉ์์จํ์ต ์ ๋ก์ด์ ์๋ฐ์คํฌ๋ฆฝํธ, Let's Get IT ์๋ฐ์คํฌ๋ฆฝํธ, ํ์
์คํฌ๋ฆฝํธ ๊ต๊ณผ์ ์ ์
โ ZeroCho.com ์ด์์
โ ํ) ์ ํ๋ธ์์ ZeroCho TV๋ก ๊ฐ๋ฐ ๊ด๋ จ ๋ฐฉ์ก์ค
โ ํ) ์ค๋ชจ์ดํก CTO
โ ์ ) ์ค๋์ํฝ์
CTO(์นด์นด์ค๋ชจ๋น๋ฆฌํฐ์ ์์ฏ ํ ์นด์นด์ค๋ชจ๋น๋ฆฌํฐ ์ต์ฐ์ ๊ฐ๋ฐํํธ์ฅ)
์ ์ฒด
94๊ฐ โ (23์๊ฐ 3๋ถ)
Next.js ์ญํ ์๊ฐ
09:10
Link์ eslint
09:03
Q&A
18:47
_app.js์ Head
09:18
๋ฆฌ๋์ ์ชผ๊ฐ๊ธฐ
08:13
๋๊ธ ๊ตฌํํ๊ธฐ
12:45
์ ์ฒด
178๊ฐ
4.9
178๊ฐ์ ์๊ฐํ
๊ฐ์๊ฐ ํฌํจ๋ ๋ก๋๋งต์ผ๋ก ํ์ตํด ๋ณด์ธ์!
์ โฉ17,600
5๊ฐ์ ํ ๋ถ ์
โฉ88,000