Slack ์๋น์ค๋ฅผ ๋ฐ๋ผ ๋ง๋ค๋ฉฐ ๋ณธ๊ฒฉ์ ์ธ ๋ฆฌ์กํธ ์น ๊ฐ๋ฐ์ ์์ํด๋ด ์๋ค! ํ์๊ฐ์ , ๋ก๊ทธ์ธ, ๋ฐฉ ๋ง๋ค๊ธฐ, ์ค์๊ฐ ์ฑํ ๊น์ง!
์ด๋ฐ ๊ฑธ
๋ฐฐ์์!
๋ฆฌ์กํธ ์น ๊ฐ๋ฐ
ํ๋ก ํธ ์ด๊ธฐ ์ธํ (CRA ์์ด)
SWR(๋ฆฌ๋์ค ๋์ฒด)
Emotion(์คํ์ผ๋ ์ปดํฌ๋ํธ)
Socket.io ์ค์๊ฐ ์ฑํ
๋ด ์์ผ๋ก ๋ง๋๋ ์ฑํ
์ ํ๋ฆฌ์ผ์ด์
,
ํจ๊ณผ์ ์ผ๋ก, ๋ ๊ฐ๋จํ๊ฒ! ๐ฌ
Slack(์ฌ๋) ์๋น์ค๋ฅผ ๋ฐ๋ผ ๋ง๋ค๋ฉฐ
๋ณธ๊ฒฉ์ ์ธ ๋ฆฌ์กํธ ์น ๊ฐ๋ฐ์ ์์ํด๋ด
์๋ค!
(์ฌ๋+๋ฆฌ์กํธ, ์ผ๋ช
Sleact!)
์์ฆ ๋ฆฌ๋์ค๋ฅผ ์ ์ ์ฐ๋ ์ถ์ธ๋ผ๋๋ฐ...
์๋ฐ์คํฌ๋ฆฝํธ์์ ํ์ ์คํฌ๋ฆฝํธ๋ก ๋์ด๊ฐ๊ณ ์๋ค๋๋ฐ...
์ง์ง์ธ๊ฐ์?
์ด๋ฐ ๋ง ๋ง์ด ๋ค์ด๋ณด์ จ๋์? ์ฌํ๊ฒ๋ ์ฌ์ค์ ๋๋ค. ๊ทธ๋์ ์ด ๊ฐ์์์๋ ๋ฆฌ๋์ค(Redux)๋ฅผ ๊ฑท์ด๋ด๊ณ , ์๋ฐ์คํฌ๋ฆฝํธ ๋์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ ์ฉํ์ต๋๋ค. ๋ฆฌ๋์ค ์์ด๋ ๋ฆฌ์กํธ ์ฑ ๊ฐ๋ฐ์ด ๊ฐ๋ฅํ๊ณ , ํ์ ์คํฌ๋ฆฝํธ๋ ์๊ฐ๋ณด๋ค ์ด๋ ต์ง ์๋ค๋ ๊ฑธ ๋ณด์ฌ๋๋ฆด๊ฒ์!
React ์น ๊ฐ๋ฐ ๋ฐฉ๋ฒ์ ๋ฐฐ์๋ณด๊ณ ์ถ์ ๋ถ
TypeScript๋ฅผ ์๋ก ๋ฐฐ์๋ณด๊ณ ์ถ์ ๋ถ
ํด๋ก ์ฝ๋ฉ์ ํตํด ํ๋ก ํธ์๋ ํํธ๋ฅผ ๊ตฌํํด๋ณด๊ณ ์ถ์ ๋ถ
React
SWR
Socket.io
Emotion
TypeScript
Webpack+Babel
์ค์๊ฐ ์ฑํ ๋ฐ ์จ๋ผ์ธ ๋ฆฌ์คํธ
https://github.com/zerocho/sleact (๋ฐ๋ก๊ฐ๊ธฐ)
์ ๊ฐ์ข์ ์ฅ์ ์ Q&A์
๋๋ค. ์ง๋ฌธํ์๋ฉด ํ๋ฃจ ์์ ๋ต๋ณ๋๋ ค์.
๊ฐ์ข ๊ด๋ จ ๋ด์ฉ์ ์์ ๋กญ๊ฒ ์ง๋ฌธํ์๋ฉด์ ๋ฅ๋์ ์ผ๋ก ๊ณต๋ถํด ๋ณด์ธ์.
๋ด์ฉ์ ์ดํดํ๊ธฐ์ ๋ ๋์์ด ๋ ๊ฑฐ์์!
์ ๋ก์ด ๋ธ๋ก๊ทธ ๋ฐ
์ ํ๋ธ ์ฑ๋ ์ด์
์น๊ฐ๋ฐ ๋ฒ ์คํธ์
๋ฌ
<Node.js ๊ต๊ณผ์> ์ ์
์ฃผ์ํ์ฌ ์ค๋์ํฝ์
CTO
Q. ํ์ ์คํฌ๋ฆฝํธ, ๊ผญ ์์์ผ ํ๋์?
๊ฐ์ธ์ ์ผ๋ก ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ๋ฐฐ์ฐ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ์ํ๊ณ๋ ์ ์ ํ์ ์คํฌ๋ฆฝํธ๋ก ์ฎ๊ฒจ๊ฐ๊ณ ์์ต๋๋ค. ๋ค๋ง ์ด ๊ฐ์ข์์๋ ์๋ฐ์คํฌ๋ฆฝํธ ์์ค์ฝ๋๋ฅผ ์ ๊ณตํ๊ณ , ์์์์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ ์ฉํ๋ ๋ถ๋ถ์ ์๋ ค๋๋ฆฌ๋ฏ๋ก, ์๋ฐ์คํฌ๋ฆฝํธ๋ง์ผ๋ก๋ ์งํํ์ค ์ ์์ต๋๋ค. (tsx, ts ํ์ผ์ jsx, js๋ก ๋ฐ๊พธ๊ณ :ํ์ , <ํ์ > ๋ถ๋ถ์ ์ง์ฐ๋ฉด ๋์ ๋๋ค. ์์ฒญ ๊ฐ๋จํฉ๋๋ค)
Q. SWR์ ๊ฒ์ฆ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ธ๊ฐ์?
Next.js์ now.sh๋ฅผ ๋ง๋ Vercel(๊ตฌ Zeit)์์ ๋ง๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ๋ฏฟ๊ณ ์ฌ์ฉํ์ ๋ ๋ฉ๋๋ค. ๊นํ ์คํ๊ฐ 16,000๊ฐ์์~
Q. ์ธํ ํ ๋ CRA๋ฅผ ์ฐ์ง ์์ ์ด์ ๊ฐ ์๋์?
์ ๋ ํญ์ ๊ฐ์์์ CRA๋ฅผ ํ์ง ์๊ณ ์๋์ผ๋ก ์ธํ ํ๋ ๊ฒ์ ์์น์ผ๋ก ํ๊ณ ์์ต๋๋ค. ์๋์ผ๋ก ์ธํ ํ๋ ๋ฒ์ ์์์ผ CRA์ ์๋ฆฌ๋ ์ ์ ์์ผ๋๊น์. ์๋ฆฌ๋ฅผ ์๊ณ ๋์ CRA๋ฅผ ์ฐ๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.
์๊ฐ ์ ์ฐธ๊ณ ํด์ฃผ์ธ์!
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
๋ฆฌ์กํธ ๋ฌธ๋ฒ์ ๋ฐฐ์ฐ๊ณ ๋ณธ๊ฒฉ์ ์ผ๋ก ์น ๊ฐ๋ฐ์ ํ๊ณ ์ถ์ ๋ถ
๋จ์ํ ํํ ๋ฆฌ์ผ ๋์ ์ ๋๋ก ๋ ์๋น์ค๋ฅผ ๋ฐ๋ผ ๋ง๋ค๊ณ ์ถ์ ๋ถ
ํ์ ์คํฌ๋ฆฝํธ๋ก ์์ ์ฑ์ ๋์ธ ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
HTML/CSS
JS ๊ธฐ์ด ์ง์
React ๊ธฐ๋ณธ ๋ฌธ๋ฒ(๋ฌด๋ฃ ๊ฐ์ข ๋ฃ๊ณ ์ค์ธ์)
61,263
๋ช
์๊ฐ์
1,418
๊ฐ
์๊ฐํ
9,486
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
21
๊ฐ
๊ฐ์
์ ๊ฐ์์ ์ฅ์ ์ Q&A์ ๋๋ค(์ธํ๋ฐ ๋ต๋ณ์ 2ํ ์์). 24์๊ฐ ์ด๋ด์ ์ต๋ํ ๋ต๋ณ๋๋ฆฝ๋๋ค! ๊ฐ์ด ๊ณ ๋ฏผํ๋ค๋ ๋๋์ผ๋ก ๋ต๋ณ ๋๋ฆด๊ฒ์!
https://www.zerocho.com/lecture
์ ๋ก์ด ๊ฐ์ ์ ์ฒด ๋ก๋๋งต
โ Node.js๊ต๊ณผ์, ์ฝ๋ฉ์์จํ์ต ์ ๋ก์ด์ ์๋ฐ์คํฌ๋ฆฝํธ, Let's Get IT ์๋ฐ์คํฌ๋ฆฝํธ, ํ์
์คํฌ๋ฆฝํธ ๊ต๊ณผ์ ์ ์
โ ZeroCho.com ์ด์์
โ ํ) ์ ํ๋ธ์์ ZeroCho TV๋ก ๊ฐ๋ฐ ๊ด๋ จ ๋ฐฉ์ก์ค
โ ํ) ์ค๋ชจ์ดํก CTO
โ ์ ) ์ค๋์ํฝ์
CTO(์นด์นด์ค๋ชจ๋น๋ฆฌํฐ์ ์์ฏ ํ ์นด์นด์ค๋ชจ๋น๋ฆฌํฐ ์ต์ฐ์ ๊ฐ๋ฐํํธ์ฅ)
์ ์ฒด
46๊ฐ โ (11์๊ฐ 1๋ถ)
โฉ39,600