์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- ์๋ฐ์คํฌ๋ฆฝํธ
- node
- ๋ฐฑ์๋
- ์ฝ๋ฉํ ์คํธ์ฐ์ต
- ํ๋ก๊ทธ๋๋จธ์ค
- CLI
- codingtest
- Nextjs
- Programmers
- nodejs
- ์๋ฌ
- indexOf
- TypeScript
- ๋ง์์ปค๋ฅ์
- slice
- Method
- npm
- ํ์ ์คํฌ๋ฆฝํธ
- angular
- Array
- react
- Javascript
- ๋ ธ๋js
- ์ฝ๋ฉํ ์คํธ
- error
- ์ต๊ทค๋ฌ
- Reduce
- ๊ฐ๋ฐ
- ๋ ธ๋์ ์ด์์ค
- ๋ ธ๋
- Today
- Total
๋ชฉ๋กTypeScript (3)
Suzie's Blog
as const ๋?as const ๋ ๊ฐ์ ๋ฆฌํฐ๋ด ํ์ (literal type)์ผ๋ก ๊ณ ์ ์ํค๋ TypeScript ๋ฌธ๋ฒ.๋ฆฌํฐ๋ด ํ์ (Literal type) ์ด๋?๊ฐ ์์ฒด๋ฅผ ํ์ ์ผ๋ก ์ฌ์ฉํ๋๊ฒ์ ๋งํจ. ๋ณดํต ๋ณ์์ ํ์ ์ string, number, boolean์ฒ๋ผ ๋์ ํ์ ์ผ๋ก ์ ํด์ง์ง๋ง ๋ฆฌํฐ๋ด ํ์ ์ ํน์ ํ ํ๋์ ๊ฐ๋ง ๊ฐ์ง ์ ์๋๋ก ํ์ ์ ์ ํจ.๊ธฐ๋ณธ์ ์ผ๋ก TypeScript ๋ ๋ณ์๋ฅผ ์ ์ธํ ๋, ๊ฐ์ ๊ธฐ๋ฐ์ผ๋ก ๋์ ํ์ ์ ์ถ๋ก ํจ.const color = "red"์์ฒ๋ผ ์์ฑํ๋ฉด color์ ํ์ ์ stirng์ผ๋ก ์ถ๋ก ๋จ. ๊ทธ๋ฆฌ๊ณ ์ด๋ค ๋ฌธ์์ด์ด๋ ๋ค์ ๋ฃ๋๊ฒ ๊ฐ๋ฅํ์ง๋ง as const๋ฅผ ์ฌ์ฉํ๋ฉดconst color = "red" as const;color์ ํ์ ์ด "red"๋ก ๊ณ ์ ๋๊ณ ๋ ์ด..

TypeScript ์ฐ์ตํ๊ณ ์๋๋ฐ ์๋ฌ๋ฐ๊ฒฌ! ๋ ์๋์ ๊ฐ์ ๋ฐฉ๋ฒ์ ์ฌ์ฉํด์ ํด๊ฒฐํ๋ค. npx tsc --init ์์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๋ฉด tsconfig.json์ด ์ค์น๋๋๋ฐ ๋ค์ํ๋ฒ ์๋ฌ๋ฅผ ์ฐพ์๋ณด๋ฉด ์ฌ๋ผ์ ธ ์์ ๊ฒ์ด๋ค.

Angular๊ฐ ๋ญ์ง? Angular(์ต๊ทค๋ฌ)๋ ๋ฐ์ํ Single Page Applications(SPAs : ๋จ์ผ ํ์ด์ง ์ดํ๋ฆฌ์ผ์ด์ )์ ๋ง๋ค ์ ์๋ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ ์์ํฌ์ด๋ค. SPA ์ ๊ทผ ๋ฐฉ์์ ์ฌ์ฉํ๋ฉด ๋ชจ๋ฐ์ผ app๊ฐ์ web app์ ๋งค์ฐ ๋น ๋ฅด๊ฒ ๋ง๋ค ์ ์๋ค. ๋ํ ์๋ฒ์์ ๋ฐ์ดํฐ๊ฐ ํ์ํ ๊ฒฝ์ฐ ๋ฐฑ๊ทธ๋ผ์ด๋์ ๋ก๋ํ๊ธฐ๋ง ํ๋ฉด ์ฌ์ฉ์๊ฐ ๋ฐ์์ฑ ์น ์ฑ์ ์ฌ์ฉํ ์ ์๋ ํ๊ฒฝ์ ์ ์งํ ์ ์๋ค. Angular version ์ดํด AngularJS(Angular 1) โก๏ธ Angular 2 โก๏ธ Angular 4 โก๏ธ Angular 11, 12, 13, 14, 15... ์ ์ผํ ์ฐจ์ด์ ์ Angular 1๊ณผ 2 ์ดํ ๋ฒ์ ๋ง ์์ Angualr 1์ AngularJS๋ผ๊ณ ๋ถ๋ฆฌ๊ณ Angular2์ดํ ๋ฒ์ ..