ํด๋์ ํ์ผ ์์ฑํ์ฌ ์์ ๊ฐ์ด ์ฝ๋๋ฅผ ์์ฑํ๊ณ ,ํฐ๋ฏธ๋์์ npm init -y ์ ๋ ฅ
ํ๋ก์ ํธ๊ฐ ์ปค์ง๊ณ ๊ธฐ๋ฅ์ด ๋ค์ํด์ง๊ณ ์ฝ๋๊ฐ ๋์ด๋ ์๋ก ํ๋์ ํ์ผ์ ๋ชจ๋ ์ฝ๋๋ฅผ ๋ด๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํ๋ค. ํ๋ก์ ํธ์ ๋ฐ๋ผ์ ํด๋์ ํ์ผ๋ค์ ์ธ๋ถํ๋๋ฉฐ ๊ตฌ์กฐ๊ฐ ๋งค์ฐ ๋ณต์กํด ์ง ์ ์๋ค.์ด๋ ์ฒด๊ณ์ ์ผ๋ก ์ ๋๋ ํ์ผ๊ณผ ํด๋๊ตฌ์กฐ๋ ๊ฐ๋ ์ฑ๊ณผ ์ ์ง๋ณด์์ ์์ด์ ๊ต์ฅํ ์ค์ํ๋ค.์ค๋ฌด
๋ฆฌ์กํธ๋ฅผ ์ฒ์ ์์ํ ๋,src ํด๋ ๋ด์ index.js ํ์ผ์์ React์ ReactDOM ๋๊ฐ์ง๋ฅผ ๊ฐ์ฅ ๋จผ์ import ํ๋ค.React : Library that defines what a component is and how multiple components
์ฝํ ๋ฅผ ์ํ์ฌ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฐ์ตํด๋ณด๊ณ ์๋ค.์ํ ๋ชฉ๋ก ๊ทธ๋ฆฌ๊ธฐ ์ฑ๊ณต!๋ฆฌ์กํธ๊ฐ ์ผ๋ง๋ ํธํ์ง ์์ผ ๋๋ผ๊ฒ ๋์๋ค ^^
REST ๋ Representational State Transfer ์ ์ฝ์์ด๋ค.https://www.learnhowtoprogram.com/c-and-net/basic-web-applications/introduction-to-restful-routing
๐ ์ดํด๊ฐ ์๋๋ ๋ฉ์๋ ๋ฐฉ์
์์ฐ์ ๋ค์ง์ด ๋ฐฐ์ด๋ก ๋ง๋ค๊ธฐ ์์ฐ์ n์ ๋ค์ง์ด ๊ฐ ์๋ฆฌ ์ซ์๋ฅผ ์์๋ก ๊ฐ์ง๋ ๋ฐฐ์ด ํํ๋ก ๋ฆฌํดํด์ฃผ์ธ์. ์๋ฅผ๋ค์ด n์ด 12345์ด๋ฉด [5,4,3,2,1]์ ๋ฆฌํดํฉ๋๋ค. > ๋์ ์ฝ๋ ์ฒ์์ answer์ push ํ ๋ Number๋ก ๋ฐ๊ฟ์ฃผ์ง ์์์ ๋ชจ๋ ๋ฌธ์๋ก
์์์ ์์ ์ ์ n์ ๋ํด, n์ด ์ด๋ค ์์ ์ ์ x์ ์ ๊ณฑ์ธ์ง ์๋์ง ํ๋จํ๋ ค ํฉ๋๋ค. n์ด ์์ ์ ์ x์ ์ ๊ณฑ์ด๋ผ๋ฉด x+1์ ์ ๊ณฑ์ ๋ฆฌํดํ๊ณ , n์ด ์์ ์ ์ x์ ์ ๊ณฑ์ด ์๋๋ผ๋ฉด -1์ ๋ฆฌํดํ๋ ํจ์๋ฅผ ์์ฑํ์ธ์.์ค๋ต์์ ๊ฒฐ๊ณผ๋ ์๋ฌด๋ฆฌ ํด๋ -1
ํฐ๋ฏธ๋์์ ์ปค๋ฐ ๋ก๊ทธ๋ฅผ ํ์ธํ๊ธฐ ์ํด git log๋ก ๋ด์ญ์ ํ์ธ ํ,์ปจํธ๋กค ์ ๋๋ ์ปจํธ๋กค ์จ๋ฅผ ๋๋ฌ๋ ์ข ๋ฃ๋์ง ์๋๋ค. ์ด๋ ๋ด์ญ์ ํ์ธํ๋ค๋ฉด Qํค๋ฅผ ๋๋ฌ ๋ก๊ทธ ํ๋ฉด์ ๋น ์ ธ ๋์ฌ์ ์๋ค ^^
Visual Studio Code๋ ๋ง์ดํฌ๋ก์ํํธ์์ ๊ฐ๋ฐ๋ Code Editor์ด๋ค ์ค์น : https://code.visualstudio.com/Visual Studio Code๋ฅผ ์ค์นํ๊ณ ๋ณธ๊ฒฉ์ ์ผ๋ก ์์ ํ๊ธฐ ์ ๋ช๊ฐ์ง Extension์ ์ธํ ์ ํด์ฃผ๋ฉด ํจ
JS V8 Engine# Javascript ์๋ฐ์คํฌ๋ฆฝํธ๋ ๊ฐ์ฒด(object) ๊ธฐ๋ฐ์ ์คํฌ๋ฆฝํธ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ด๋ค. **HTML๋ก ์น์ ๋ด์ฉ์ ์์ฑํ๊ณ , CSS๋ก ์น์ ์๊ฐ์ ์ธ ๋ถ๋ถ์ ๋์์ธํ๋ฉฐ, ์๋ฐ์คํฌ๋ฆฝํธ๋ก๋ ์น์ ๊ธฐ๋ฅ ๋์์ ๊ตฌํํ๋ค. **
Webpack์ ์์กด ๊ด๊ณ์ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ, CSS, ์ด๋ฏธ์ง ๋ฑ์ ๋ฆฌ์์ค๋ค์ ํ๋ ๋๋ ์ฌ๋ฌ๊ฐ์ ํ์ผ๋ก ๋ฒ๋ค๋งํ๋ ๋ชจ๋ ๋ฒ๋ค๋ฌ๋ค. Webpack์ ์ฌ์ฉํ๋ฉด ์์กด ๋ชจ๋์ด ํ๋์ ํ์ผ๋ก ๋ฒ๋ค๋ง๋๋ฏ๋ก ๋ณ๋์ ๋ชจ๋ ๋ก๋๊ฐ ํ์์๋ค.
any vs unknownany ํ์ ์ด๋?โ์ด๋ ํ ๊ฒ์ด๋ ์ง, ๋๊ตฌ๋ ์งโ ๋ผ๋ ๋ป์ผ๋ก, ์ด๋ ํ ํ์ ์ด ์ ๋ ฅ๋๋๋ผ๋ ์ ๋ถ ํ์ฉํ๋ ํ์ ์ด๋ค. ์์์ any ํ์ ์ ๋ถ์ฌํ ๊ฒฝ์ฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด๋ ๋ง์ฐฌ๊ฐ์ง๊ฐ ๋๋ค.unknown ํ์ ์ด๋?โ์ ์ ์๋ค, ๋ชจ๋ฅธ๋คโ ๋ผ
# null ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์ null์ ๋ณ์์ ๊ฐ์ด ์๋ค๋ ๊ฒ์ ์๋์ ์ผ๋ก ๋ช ์(์๋์ ๋ถ์ฌ international absence)ํ ๋ ์ฌ์ฉํ๋ค. ๋ณ์์ null์ ํ ๋นํ๋ ๊ฒ์ ๋ณ์๊ฐ ์ด์ ์ ์ฐธ์กฐํ๋ ๊ฐ์ ๋์ด์ ์ฐธ์กฐํ์ง ์๊ฒ ๋ค๋ ์๋ฏธ์ด๋ค. # undefi
JavaScript์์ ๋ณ์ ์ ์ธ ๋ฐฉ์์ ํฌ๊ฒ `var`, `let`, `const` ์ธ๊ฐ์ง๋ก ๋๋๋ค. # var var๋ ๋ณ์ ์ ์ธ์ ์์ด์ ํฐ ๋จ์ ์ ๊ฐ์ง๊ณ ์๋ค. ๋จผ์ ์ ์ธํ ๋ณ์๊ฐ ์์ด๋ ๋ค์ ๋์ผํ ๋ณ์๋ช ์ผ๋ก ๋ณ์๋ฅผ ์ ์ธํ ์ ์๋ค. ์ด๋ ๊ฒ ๋๋ฉด ์ด์ ์ ์ ์ธํ
ECMAScript 2015๋ JavaScript์ ๋ ๋ฒ์งธ ์ฃผ์ ๊ฐ์ ํ์ด๋ค. ECMAScript 2015๋ ES6 ๋ฐ ECMAScript 6์ผ๋ก๋ ์๋ ค์ ธ ์๋ค.
=, ==, === ์ฐจ์ด์ ์ ๋น๊ตํด๋ณด์ ## ํ ๋น์ฐ์ฐ์ (=) ์๋ฐ์คํฌ๋ฆฝํธ์์ `=` ๋ ์ผ๋ฐ ์ํ์์์ ๊ฐ๋ค๋ผ๋ ์๋ฏธ๊ฐ ์๋๋ผ ๋ฐ์ดํฐ๋ฅผ ํ ๋นํด์ค๋ค๋ ์๋ฏธ์ด๋ค.
CI/CD๋ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ๋จ๊ณ๋ฅผ ์๋ํํ์ฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ณด๋ค ์งง์ ์ฃผ๊ธฐ๋ก ๊ณ ๊ฐ์๊ฒ ์ ๊ณตํ๋ ๋ฐฉ๋ฒ์ด๋ค. CI/CD์ ๊ธฐ๋ณธ ๊ฐ๋ ์ ์ง์์ ์ธ ํตํฉ, ์ง์์ ์ธ ์๋น์ค ์ ๊ณต, ์ง์์ ์ธ ๋ฐฐํฌ์ด๋ค.