๋ฆฌ์กํธ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๊ฝ! ์ค์ต์ ํตํด ๋ฆฌ์กํธ์ ํฅ๋ฏธ๋ฅผ ๋ถ์ด๊ณ , ๋๋ง์ ์๋น์ค๋ฅผ ๊ธฐํ๋ถํฐ ๊ฐ๋ฐ, ๋ฐฐํฌ๊น์ง ์์ฑํด๋ณด์ธ์. ์๋น์ค๋ฅผ ๊ณ ๋ํํ๊ณ ์์ตํ๊น์ง ํ๋ ๋ฐฉ๋ฒ๊น์ง ๋ด์์ต๋๋ค!
๊ธฐํ๋ถํฐ ๊ฐ๋ฐ,๋ฐฐํฌ๊น์ง ์๋น์ค ์์ฑ
Javascript์ React ๋น๊ต
์ค์ต์ ํตํ React ํต์ฌ ๊ฐ๋ ์ตํ๊ธฐ
๋ฆฌ์กํธ, ๊ณต์ ๋ฌธ์๊ฐ ์ค์ํ๋ค ํด์
์ฝ์ด๋ดค๋๋ฐ ์ ๋ชจ๋ฅด๊ฒ ์ด์.
๊ณต์ ๋ฌธ์ ์ฃผ์ ๊ฐ๋
์ ํ ๋๋ก ์ค์ต์ ์งํํฉ๋๋ค.
์๋น์ค ์์ฑ๊ณผ ํจ๊ป ๋ฆฌ์กํธ ๊ธฐ๋ณธ๋ ๋ฐฐ์ธ ์ ์์ด์!
๐
ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๊ณ ์ถ์๋ฐ,
์ด๋ป๊ฒ ์์ํด์ผ ํ ์ง ๋ง๋งํด์.
๋ฆฌ์กํธ๋ก ์์ํ๋ ๋๋ง์ ์๋น์ค ๋ง๋ค๊ธฐ
๊ธฐํ๋ถํฐ ๊ฐ๋ฐ, ๋ฐฐํฌ๊น์ง ํ๋ก์ธ์ค๋ฅผ ๋ฐฐ์๋ณด์ธ์!
์์ฆ ํซํ MBTI๋ก ์ง์ ๋๋ง์ ํ
์คํธ๋ฅผ ๋ง๋ค์ด์.
์ง์ ๊ธฐํํ๊ณ ํ ์คํธ์ ์๋ฆฌ๋ฅผ ํ๊ตฌํ๋ฉฐ ์๊ณ ๋ฆฌ์ฆ์ ๋ง๋ค์ด๋ด์.
๊ด๊ณ ๋ฅผ ํตํ ๋๋ง์ ์๋น์ค ์์ตํ๋ฅผ ์งํํด์.
์ฝ๋ํ๋ ์ด๊ทธ๋ผ์ด๋๋ฅผ ์ด์ฉํ ์ค์ต์ ํตํด
๊ฐ๋
์ ๋ ๋น ๋ฅด๊ฒ ์ดํดํฉ๋๋ค.
์๋น์ค ๊ฐ๋ฐ ์ ๊ณต์ ๋ฌธ์๋ฅผ ํ ๋๋ก ์ค์ต์ ํตํ
๋ฆฌ์กํธ ๊ฐ๋
๊ฐ์๊ฐ ์งํ๋ฉ๋๋ค.
bootstrap, styled-component, react-router-dom ์ต์ ๋ฒ์ ์ ์ง์ ํ๋ก์ ํธ์ ์ ์ฉํฉ๋๋ค.
์น์๋น์ค๋ฅผ ์ง์ ๊ธฐํํ๊ณ ,
๊ฐ๋ฐ๊ณผ ๋ฐฐํฌ๊น์ง ์งํํฉ๋๋ค.
Q. ์ ์์ง์์ด ์์ผ๋ฉด ๋ฃ๊ธฐ ํ๋ ๊ฐ์?
A. ์๋๋๋ค! ๋๊ตฌ๋ ์ฝ๊ฒ ๋ฐฐ์ธ ์ ์๋๋ก ๊ตฌ์ฑํ์์ต๋๋ค. ๊ฐ์๋ฅผ ์ ๋ฐ๋ผ์ค์ ๋ค๋ฉด ์๋น์ค๋ฅผ ์์ฑํ์ค ์ ์์ต๋๋ค.
Q. ์ง๋ฌธ์ด ์์ด์ โ๐ป
A. ๊ฐ์ ํผํผํฐ ์ฒซ ํ๋ฉด์ ์๋ ์ด๋ฉ์ผ๋ก ์ง๋ฌธ์ ๋ณด๋ด์ฃผ์ธ์! ์ต๋ํ ๋น ๋ฅด๊ฒ ๋ต๋ณํด ๋๋ฆฌ๊ฒ ์ต๋๋ค.
Q. ๊ฐ์ ๋ ์ฌ์ฉํ ์ฝ๋๋ฅผ ๋ณด๊ณ ์ถ์ด์!
A. ๊ฐ์ ๋ ์ฌ์ฉํ ์ฝ๋๋ ๊นํ๋ธ์ ์ ๋ก๋๋์ด ์์ต๋๋ค. ๊ฐ์์ฉ, ์ต์ข ์์ฑ์ฉ ๊ตฌ๋ถํด ๋์์ผ๋ ํ์์ ๋ฐ๋ผ ์ ํํ์ ์ ์ฐธ๊ณ ํ์๋ฉด ๋ ๊ฒ ๊ฐ์ต๋๋ค.
์๋ก์ด ๊ธฐ์ ์ ๊ด์ฌ์ด ๋ง๊ณ ๊ธฐ์ ์ ๋ณธ์ง์ ์ธ ๋ถ๋ถ์ ํ๊ตฌํ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์
์๋กญ๊ฒ ์๊ฒ๋ ๋ด์ฉ์ ์ ๋ฆฌํ๋ ๊ธฐ์ ๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๊ณ ์์ด์.
๊นํ๋ธ
๋ธ๋ก๊ทธ
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
React๋ฅผ ์ฒ์ ์ ํ๋ ๋ถ
๋น ๋ฅด๊ฒ React๋ฅผ ๋ฐฐ์ ์ค๋ฌด์ ์ ์ฉํ๊ณ ์ถ์ผ์ ๋ถ
React ๊ณต์๋ฌธ์๋ฅผ ๋ดค์ง๋ง ์์ง ์ ๋ชจ๋ฅด๊ฒ ๋ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
HTML, CSS, Javascript
์ฌํํ๊ณ ํจ๊ณผ์ ์ธ ๊ต์ก์ปจํ ์ธ ๊ฐ๋ฐ๊ธฐ์ ์ํผ๋ ธ์ ๋๋ค.
์ ์ฒด
21๊ฐ โ (4์๊ฐ 5๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
Orientation
03:47
React ๋ง๋ณด๊ธฐ
05:33
JSX ์๊ฐ
14:08
Virtual DOM
09:21
Components์ Props
10:00
State ๋ค๋ฃจ๊ธฐ
09:51
์ด๋ฒคํธ ํธ๋ค๋ง
18:30
๊ฐ๋ฐํ๊ฒฝ ์ค์
09:39
ํํ๋ฉด ๋ง๋ค๊ธฐ
19:24
๊ณต๊ฐํ์ง ์๋ ๊ฐ์๋ก ์๊ฐ์ด ์ ํ๋ฉ๋๋ค.