๐ปJavaScript
typescript-cheatsheets/react-typescript-cheatsheet
React
+TypeScript
์ ๋ํ ์นํธ ์ํธ์ธ๋ฐ, ์ข์ ๋ด์ฉ๋ค์ด ์ ๋ง ์ ์ ๋ฆฌ ๋์ด ์๋ค. ๋๋ ์์ฆ ํํํ ๋ณด๋ฉด์setup
ํ๋ ๋ถ๋ถ์ ์ข ๊ณต๋ถ ํ๊ณ ์๋ค.setup
์ด ์ ์ผ ์ด๋ ต๋ค. ์ด์TS
๋ก ๊ฐ๋ฐ ์ํ๋ ๊ณณ์ด ์๋ ๊ฒ ๊ฐ๋ค.
Front-End Dev Tools For increased Productivity
FE๊ฐ๋ฐ์
๊ฐ ์์๋๋ฉด ์์ฐ์ฑ์ด ์ข์ ํด ์๊ฐ ๊ธ์ธ๋ฐ, ๋๋Easings
์ ํด์ ์์ฃผ ์ฐ๊ฒ ๋์๋ค. ์์ฆ๋ค์ด ์ค๋ฅด๋ฅต ํ๋ ์ ๋๋ฉ์ด์ ์ ๋๋ฌด ์ข์ํ๋ค.browserhacks
์ด ํด ๊ฐ์ ๊ฒฝ์ฐ๋ ๋ธ๋ผ์ฐ์ ๋ณ๋กcss/js
๋ฅผ ๊ฐ๋จํ๊ฒ ์ฒดํฌ ํ๋ ํด์ธ๋ฐ, ์ข์๋ณด์ธ๋ค. ๊ทธ์ธ ๋ค์ํ ํด๋ค์ด ์๊ฐ ๋๊ณ ์๋ค.Neumorphism
๊ฐ์ ๊ฒฝ์ฐ๋ ์ข ์ด๋ ค์ด๋ฐ, ์ด ๋ถ๋ถ์ ๊ตฌํํ๊ณ ์ ํ๋ค๋ฉด, ์์ธํ๊ฒ ์ฐพ์ ๋ณด์์ผ ํ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
๐๐ป์ผ๋ฐ์ ์ธ
ํ๊ณ๋ฅผ ๋๋ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ ๊ด์ ์ ๋ฐ๊พธ๋ ๊ฒ์ด๋ค
- ํ ๊ฐ์ง์ผ๋ง ํ๋ ๊ฒ์ด ์๋ ์ฌ๋ฌ ๊ฐ์ง ์ผ์ ํ๊ณ ์ถ๊ฑฐ๋? ํ๊ณ ์๋๋ฐ, ์๋ฌธ์ด ๋ ๋ค๋ฉด ์ฝ์ด๋ณด๋ฉด ์ข์ ๊ธ์ด๋ค.
"๋์ ์๋์ง๋ ๋๋ฅผ ์ํด ์จ" ์ ๋ ์ฌ๋์ ํผํด ์ด์งํ์ง ๋ง๋ผ
- ์ง๊ธ ์๋ ์กฐ์ง์์ ๋ถ๋ง์ด ์๊ฑฐ๋? ํ์ฌ๋ฅผ ์ฎ๊ธฐ๋ ค๋ ์ด๋ค์ด ํ ๋ฒ์ฏค ์ฝ์ด๋ณด๊ณ ๊ณ ๋ฏผํด๋ณด๋ฉด ์ข์ ๊ธ์ด๋ค.
ํ๋์ธ์๊ฒ ํ์ํ ๋ด ๋ง์์ ์ฌ๊ฒ ํ๋ ์ฐ์ต
"๋ด ๋ง์์ ์ฌ๊ฒ ํ๋ ์ฐ์ต"
์ด๋ผ๋ ์ฑ ์ ์๊ฐํ๋ฉฐ, ํ๋์ธ์๊ฒ ํ์ํ ์ผ์ ์ค๋ช ํ๊ณ ์๋๋ฐ, ๋์๊ฒ ๋ฑ ํ์ํ ์ฑ ์ด๋ผ ์๊ฐ ํ๋ค. ์นดํธ์ ์ผ๋จ ๋ฃ์ด ๋์๋ค.
๐ Tool
TS
์์ ์ฌ์ฉํ ์ ์๋ ์ถ์ํ๋FP
ํจ์๋ค์ ์ ๊ณต ํด์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค. ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์์กดํ๊ฑฐ๋ ๋ฌด๋ถ๋ณํ๊ฒ ์ฐ๋๊ฑด ์ข์ง ์๋ค. ์ฉ๋์ ๋๋ฆฌ๊ฒ ๋๊ณ , ๊ฒฐ๊ณผ์ ์ผ๋ก ์๋ต์ด ๋๋ฆฌ๊ฒ ๋๋ค. ํ์ง๋ง, ์ ์ฐ๋ฉด ์ ์ฉํ๋ค. ํน์ ๊ฐ์ธ ํ๋ก์ ํธ์ชฝ์์ ์จ๋ณด๊ณ ์ค๋ฌด์ ์จ๋ณด๋ฉด ์ข์ ํ๋ก์ธ์ค ๊ฐ๋ค๊ณ ์๊ฐ ํ๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ฌ์ค ์ ์ฐ๋ฉด ์ ๋ง ์ข์๊ฒ ๋ง์๋ฐ,FP
์์ฒด๊ฐ ์ด์ํด์ ๋ฌธ์ ์๋ค.
๋ฐ์ํ
'์น๋ ์ฐ๋ค' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๊ทธ๋ฅ ์ ๋ฅ #์ํด๋ฆฌ๋ด์ค #82 (0) | 2020.07.13 |
---|---|
๊ทธ๋ฅ ์ ๋ฅ #์ํด๋ฆฌ๋ด์ค #81 (0) | 2020.07.06 |
๊ทธ๋ฅ ์ ๋ฅ #์ํด๋ฆฌ๋ด์ค #79 (0) | 2020.06.14 |
๊ทธ๋ฅ ์ ๋ฅ #์ํด๋ฆฌ๋ด์ค #78 (1) | 2020.05.25 |
๊ทธ๋ฅ ์ ๋ฅ #์ํด๋ฆฌ๋ด์ค #77 (0) | 2020.05.17 |