
index.html๋ก ํํ์ด์ง ์ฒซํ๋ฉด์ ์์ฑNetlify๋ฅผ ํ์ฉํด์ ์๋ฒ๋ฅผ ๋์ฒดVSCode๋๋๊ทธ๋ก ํ๋ฒ์ ์ ํํ๊ณ Tab์ ๋๋ฅด๋ฉด ๋์์ ๋ค์ฌ์ฐ๊ธฐ๊ฐ ๋๊ณ , Shift+Tab๋ฅผ ๋๋ฅด๋ฉด ๋์์ ๋ค์ฌ์ฐ๊ธฐ๊ฐ ์ทจ์๋จ!(๋๋ํ)๋ฅผ ์ ๋ ฅํ๊ณ Tab ํค๋ Enter ํค๋ฅผ ๋๋ฅด๋ฉด HT

๋ณ์์์: ๋ถ๋ณ, ๋ฌด์กฐ๊ฑด ์ด๊ธฐํ๊ฐ ํ์ํจ!!!๋ณ์ ๋ช ๋ช ๊ท์น$, \_๋ฅผ ์ ์ธํ ๊ธฐํธ๋ฅผ ์ฌ์ฉํ ์ ์์! ๋ณ์์ ์ด๋ฆ์ ์ซ์๋ก ์์ํ ์ ์์!์์ฝ์ด๋ฅผ ์ฌ์ฉํ ์ ์์! Number typeString typeBoolean Type์๋ฌด๊ฒ๋ ์์์ ๋ํ๋ด๋ ํํ(1) Nu
Node.js๋? Node.js: ์น๋ธ๋ผ์ฐ์ ๊ฐ ์๋ ์ํฉ์์๋ JavaScript๋ฅผ ์คํ์์ผ์ฃผ๋ ์คํํ๊ฒฝ(Run Time) ํจํค์ง: Node.js์์ ์ฌ์ฉํ๋ ํ๋ก๊ทธ๋จ์ ๋จ์ Node.js ์ฌ์ฉํ๊ธฐ ๋ก์ปฌ์ ํด๋ ์์ฑํ๊ธฐ โก๏ธ Vscode์์ ์ด๊ธฐ VScode์์ Ct

Meta(Facebook)์ด ๊ฐ๋ฐํ ์คํ์์ค JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋๊ท๋ชจ ์น์๋น์ค์ UI๋ฅผ ๋ ํธํ๊ฒ ๊ฐ๋ฐํ๊ธฐ ์ํด ๋ง๋ค์ด์ง ๊ธฐ์ React์ ์ฅ์ : ์ปดํฌ๋ํธ(Header, Main, Footer)๋ฅผ ๊ธฐ๋ฐ์ผ๋ก UI๋ฅผ ํํํจHeader.js, Main.js, Foo

components ํด๋ ์์ฑ Viewer, Controller ์ปดํฌ๋ํธ ์์ฑ export import๋ก ์ฐ๊ฒฐ App.cssํ์ผ๋ก UI ์ ๋ฆฌUI ์ต์ข ๋ณธ์์ ๊ทธ๋ฆผ์์ ํ์ฌ ์นด์ดํธ ์ซ์๋ฅผ ๋ฆฌ๋๋๋งํด๊ฐ๋ฉด์ ๋ณ๊ฒฝํด์ผํ๋ฏ๋ก ์ด๋ฅผ state๋ฅผ ์ฌ์ฉํด์ ๋๋๋งํด์ผ ํจstate๋ ์ปด

src > components ํด๋ ์์ฑ: Header.jsx, Editor.jsx, List.jsx ํ์ผ ์์ฑHeader ์ปดํฌ๋ํธEditor ์ปดํฌ๋ํธList ์ปดํฌ๋ํธ=================== ์ฌ๊ธฐ๊น์ง ๋ณต์ตํ๊ณ ๊ฐ์ ์ผ๊ธฐ์ฅ ๋ถ๋ถ ๋ฃ๊ธฐ