์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ
-
โ ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ: React & TypeScript 8ํ์ฐจ(๋ง์ง๋ง ํ์ฐจ)์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ 2020. 9. 26. 02:07
โ 9์24์ผ (๋ชฉ) ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ 8ํ์ฐจ ๊ฐ์ ์ ๋ฆฌ ๐ 8ํ์ฐจ ๊ฐ์ ๋ชฉํ ๋ง์ง๋ง ์์ ์ดํด๋ณด๊ธฐ Mobx ์ดํด๋ณด๊ธฐ ๐ ์์ ์ดํด๋ณด๊ธฐ ๐ React-Router ์ด ์์ ๋ 1๋ ์ ์์ ๋ผ react-router ๊ณต์ ๋ฌธ์๋ฅผ ์ฐธ๊ณ ํ๋ฉฐ ๋ณด๊ธฐ๋ฅผ ๋ฐ๋๋ค. router์ ์งํ ๋์์ URL์ด ๋ฐ๋๋ ๊ฒ์ ๋ด๋ถ์ location์ path๋ฅผ ๊ฐ์งํด์ ํด๋น location์ ์ฃผ์์ ๋ง๋ ์ปดํฌ๋ํธ์ ์ฐ๊ฒฐ์์ผ์ฃผ๋ ๊ฐ๋จํ ๋์์ด๋ค. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ ์๋ฒ ์ฌ์ด๋์์ ๋งํ๋ router์ ๋ค๋ฅด๋ค. ์๋ฒ ์ฌ์ด๋์์๋ ์์ฒญ URI end point path์ ๋ฐ๋ผ์ ๋ค๋ฅธ ๋น์ง๋์ค ๋ก์ง์ ์คํํ๋ ์ปดํฌ๋ํธ๋ฅผ ์ฐ๊ฒฐ์ํค๋ ๊ฒ์ด๊ณ ์ฌ๊ธฐ์์ router๋ URL์ ๋ณ๊ฒฝ ์ฌํญ๊ณผ ๊ทธ๊ฒ๊ณผ mapping๋๋ ํ์ด์ง ์ปดํฌ๋ํธ๋ค์ ์ฐ๊ฒฐ์์ผ์ฃผ๋ ์ญ..
-
โ ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ: React & TypeScript 2ํ์ฐจ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ 2020. 9. 7. 22:45
โ 9์ 3์ผ ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ 2ํ์ฐจ ์ ๋ฆฌ ๐ 2ํ์ฐจ ๊ฐ์ ๋ชฉํ JavaScript์ ๋ํ ์ง์์ A~Z๊น์ง ํ ์ ์๋ ๋งํผ ํด๋ณด๊ธฐ! (70%) JavaScript์ ์์ฃผ ๊ธฐ์ด์ ์ธ ๋ด์ฉ๋ณด๋จ ์ ์ฒด์ ์ธ ํ๋ฆ์ ํ๋ฉด์ ์คํ๋ค์ ์ญ ํ์ด๋ณด๊ธฐ ์ํ๊ด๋ฆฌ์์ธ Redux๋ฅผ ์ง์ ๋ง๋ค์ด๋ณด๊ธฐ! ๋ง๋ค์ด๋ณด๋ฉด์ ์ด๋ค ๊ธฐ์ ๋ก ์ด๋ฃจ์ด์ ธ์๋์ง! (30%) ๐ JavaScript ํ์ด๋ณด๊ธฐ ๋ณ์์ ์ด ๊ฐ์ด๋ผ๋ ๊ฒ์ ๋ฃ์ ์ ์๋ค. var x = 10; //x: ๋ณ์ 10: ๊ฐ let y = 10; const z = 10; ๐ ๊ฐ์ ๋ํด์ ๐ ๊ฐ์ ๋ํด์ ๊ต์ฅํ ๊ฐ์กฐ๋ฅผ ํ์ จ๋ค. ์์ฃผ ๋ฐ๋ฅ์ ์ ๋๋ถ๋ณ์ ์์น๊ฐ์ ๊ฒ๋ค์ ์ธ์๋๊ณ (ex. 1=1, 1+1=2 ๋ถ๋ณ(๊ณต๋ฆฌ)) ์ด๋ฐ ์์น์ ์ถฉ๋ถํ ์ดํดํ๋ฉด ์๋ฌด๋ฆฌ ๋ณต์กํ ๊ฒ์ด๋ผ๋ ๊ทธ ์์น์ผ๋ก..
-
โ ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ: React & TypeScript 1ํ์ฐจ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ 2020. 9. 2. 23:10
๐ ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ ๊ต์ก์ ์๋ ์คํ๋ผ์ธ์ผ๋ก 100๋ช ์ ๋ ๋ฝ์์ ํ๋ค๊ณ ํ๋๋ฐ, ์ด๋ฒ์๋ ์ฝ๋ก๋์ ์ํฅ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์งํ๋์์ต๋๋ค. ๊ฑฐ๊ธฐ๋ค๊ฐ ์ด๋ฒ์๋ ์ฝ๋ก๋ ๋๋ฌธ์ ๋์ด ์์์ผํด์ ์ฝ 30๋ช ์ ๋ ๋ฝ์ ์๊ฐ์ด์๋ผ๊ณ ํ์ จ์ง๋ง, ์ฝ๋ก๋๊ฐ ์ฌํด์ ธ ์จ๋ผ์ธ์ผ๋ก ์งํ๋์ ์ฝ 400์ฌ๋ช ์ ๊ต์ก์์ผ๋ก ๋ฝ์๋ค๊ณ ํ์ จ์ต๋๋ค. ๊ทผ๋ฐ ์ด ๊ต์ก์ ๋ฃ๊ณ ์ถ์ด์ ์ง์ํ ์ฌ๋๋ง 1200์ฌ๋ช .. ๐ค ์ด์ ์ ์ธ ์ฌ๋์ด ๊ต์ฅํ ๋ง์ ๊ฑฐ ๊ฐ๋ค.. ์ด๋ฒ ๊ต์ก์ zoom์ ์ด์ฉํด์ ์จ๋ผ์ธ์ผ๋ก ์งํ๋์๊ณ , ๊ฐ์ฌ๋์ ์ฐ์ํํ์ ๋ค์ ๊น๋ฏผํ๋(์นํ๋ก ํธ์๋๊ฐ๋ฐ ๊ทธ๋ฃน์ฅ)์ด ์งํํ์ จ์ต๋๋ค. ๋ํ, 9์ ํ๋ฌ๋์ ํ, ๋ชฉ์ผ๋ก ์งํ๋๊ณ ์ด 8ํ์ฐจ๋ก ์งํ๋ ์์ ์ด๊ณ ์ ๋ ๊ณ์ ๋๋ ๋๋ง๋ค ๋ธ๋ก๊น ์ ํ ์์ ์ ๋๋ค. โ ๐ ์ฐ์ํ ํ ํฌ๋ฌ๋ 3๊ธฐ ๊ทธ ์ฒซ ์๊ฐ ์๊ฐ..