๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90

typescript2

TypeScript: ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ˜„๋Œ€์ ์ธ ํ™•์žฅ TypeScript: ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ํ˜„๋Œ€์ ์ธ ํ™•์žฅ 1. ์†Œ๊ฐœ 1.1 TypeScript๋ž€? TypeScript๋Š” Microsoft์—์„œ ๊ฐœ๋ฐœํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ƒ์œ„ ์ง‘ํ•ฉ ์–ธ์–ด๋กœ, ์ •์  ํƒ€์ž… ์‹œ์Šคํ…œ์„ ๋„์ž…ํ•˜์—ฌ ๋Ÿฐํƒ€์ž„ ์—๋Ÿฌ๋ฅผ ์‚ฌ์ „์— ๋ฐฉ์ง€ํ•˜๊ณ  ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ ๋ฐ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š”๋ฐ ๋ชฉ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. 1.2 ๋ฐฐ๊ฒฝ TypeScript๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์œ ์—ฐ์„ฑ์€ ์œ ์ง€ํ•˜๋ฉด์„œ๋„ ๊ฐœ๋ฐœ ํ”„๋กœ์„ธ์Šค์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๋Ÿฐํƒ€์ž„ ์—๋Ÿฌ๋ฅผ ์‚ฌ์ „์— ๋ฐฉ์ง€ํ•˜๊ณ ์ž ๋“ฑ์žฅํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋Œ€๊ทœ๋ชจ ํ”„๋กœ์ ํŠธ์—์„œ์˜ ํ˜‘์—…๊ณผ ์œ ์ง€๋ณด์ˆ˜๋ฅผ ์šฉ์ดํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•œ ๋‹ˆ์ฆˆ์— ์˜ํ•ด ํƒ„์ƒํ•˜์˜€์Šต๋‹ˆ๋‹ค. 2. TypeScript์™€ JavaScript์˜ ์ฐจ์ด 2.1 ์ •์  ํƒ€์ž… JavaScript๋Š” ๋™์  ํƒ€์ž… ์–ธ์–ด๋กœ, ์‹คํ–‰ ์‹œ๊ฐ„์— ํƒ€์ž…์ด ๊ฒฐ์ •๋ฉ๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด TypeScript๋Š” .. 2024. 2. 21.
ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ์ ํŠธ ์ฝ”๋“œ ํ’ˆ์งˆ ๊ด€๋ฆฌ: ESLint, Prettier, Husky, lint-staged 1. ESLint์™€ Prettier ์„ค์ • 1.1 ESLint ์„ค์น˜ ๋ฐ ์ดˆ๊ธฐํ™”: npm install eslint --save-dev npx eslint --init 1.2 ESLint ์„ค์ • ํŒŒ์ผ ์˜ˆ์ œ: // .eslintrc.json { "extends": ["eslint:recommended", "plugin:react/recommended"], "plugins": ["react"], "rules": { "react/prop-types": 0, // ์—ฌ๊ธฐ์— ์›ํ•˜๋Š” ๊ทœ์น™ ์„ค์ • ์ถ”๊ฐ€ } } 1.3 Prettier ์„ค์น˜ ๋ฐ ์„ค์ •: npm install --save-dev prettier eslint-config-prettier eslint-plugin-prettier .prettierrc.json์— Pret.. 2024. 2. 7.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”