์Šน๋Œ ์“ฐ๋‹ค

๊ทธ๋ƒฅ ์ €๋ƒฅ #์œ„ํด๋ฆฌ๋‰ด์Šค #80

seungdols 2020. 6. 23. 21:14

๐Ÿ’ป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

Learning Resources

  • TS์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ถ”์ƒํ™”๋œ FP ํ•จ์ˆ˜๋“ค์„ ์ œ๊ณต ํ•ด์ฃผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์˜์กดํ•˜๊ฑฐ๋‚˜ ๋ฌด๋ถ„๋ณ„ํ•˜๊ฒŒ ์“ฐ๋Š”๊ฑด ์ข‹์ง€ ์•Š๋‹ค. ์šฉ๋Ÿ‰์„ ๋Š˜๋ฆฌ๊ฒŒ ๋˜๊ณ , ๊ฒฐ๊ณผ์ ์œผ๋กœ ์‘๋‹ต์ด ๋Š๋ฆฌ๊ฒŒ ๋œ๋‹ค. ํ•˜์ง€๋งŒ, ์ž˜ ์“ฐ๋ฉด ์œ ์šฉํ•˜๋‹ค. ํ˜น์€ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ์ชฝ์—์„œ ์จ๋ณด๊ณ  ์‹ค๋ฌด์— ์จ๋ณด๋ฉด ์ข‹์€ ํ”„๋กœ์„ธ์Šค ๊ฐ™๋‹ค๊ณ  ์ƒ๊ฐ ํ•œ๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์‚ฌ์‹ค ์ž˜ ์“ฐ๋ฉด ์ •๋ง ์ข‹์€๊ฒŒ ๋งŽ์€๋ฐ, FP ์ž์ฒด๊ฐ€ ์–ด์ƒ‰ํ•ด์„œ ๋ฌธ์ œ์˜€๋‹ค.
๋ฐ˜์‘ํ˜•