![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bHJ4aW/btrqnkNsn7J/eU4iYMqUu8ws5QBzTPZ3M0/img.png)
안녕하세요 동기 여러분! 오늘은 변수에 선언된 타입을 다른 타입의 값으로 변경하면 타입스크립트에서는 어떻게 반응하는지 알아봅시다! Variable Type Annotations 저번 시간에 변수를 타입 any로 선언하고 변수에 다른 타입의 값을 넣으니까 아무 에러가 없이 컴파일링 된 모습을 확인했습니다. 오늘은 변수에 타입만 선언하고 변수를 다른 타입으로 변경 했을 때 어떤 에러가 뜨는지 알아보도록 합시다. 해봅시다! 변수를 문자 타입으로 선언하고 숫자를 넣는 경우 ※ 변수에 타입을 선언 할 때 = (equal) 이 아니라 반드시 : (colon)을 넣어주셔야 합니다. let enigma : string; //
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/lw4eU/btrp94SmzFg/PXo2LekDakH7XnCAOEfrCK/img.png)
안녕하세요 동기 여러분! 오늘은 타입 Any에 대해 타입스크립트가 어떻게 반응하는지 알아봅시다! Any 변수가 다른 타입으로 바뀌었음에도 불구하고 타입스크립트에서 자바스크립트로 컴파일링 할 때 에러가 안 뜨는 경우가 있는데 그 경우가 바로 변수의 타입이 any인 경우입니다. 해봅시다. let iWant; iWant= 'banana'; iWant= true; iWant= 10000; 변수 선언을 하되 아무런 값을 넣지 않으면 iWant의 타입은 any로 설정됩니다. 이런 경우 컴파일링을 실행하면 아래와 같은 결과가 나옵니다. 아무런 에러 없이 컴파일링이 되었습니다. iWant에 빨간 웨이브형 밑줄이 있는데 거기에 마우스를 올려보겠습니다. 노랑 형광펜 칠한 부분이 우리가 봐야할 부분입니다. 변수 'iWant..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/dC2On8/btrp6InVXrY/9YAmZVzKrDm5KHwJ7yUKJ1/img.png)
안녕하세요 동기 여러분! 오늘은 타입스크립트의 타입 추론에 대해 알아봅시다! Type Inferences 타입스크립트는 자바스크립트의 주요 데이터 타입인 불린(Boolean), 숫자(Number), 눌(Null), 문자(String), 언디파인드(Undefined)를 알아차리는 능력이 있습니다. 오류를 찾아주는 고마운 친구 타입스크립트 아래의 타입스크립트 코드를 보겠습니다. TypeScript let dongi = 'dongi' dongi = 3; dongi라는 변수에 'dongi'라는 문자를 넣고 아래에 dongi라는 변수에 숫자를 넣으면 타입스크립트에서는 아래와 같이 오류가 있다고 알려줍니다. "타입 '숫자'는 '문자'에 선언할 수 없다."라고 친절히 알려줍니다. 자바스크립트의 버그를 알려주는 고마운..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/dU1kBh/btrp7ibrTHF/v1BonOQhclvgUvdpXtueik/img.png)
안녕하세요 동기 여러분! 오늘은 TypeScript에 첫 번째 시간입니다! What is TypeScript? 타입스크립트는 마이크로소프트에서 만든 전통 자바스크립트의 슈퍼셋(Superset) 프로그래밍 언어입니다. -> 자바스크립트의 모든 기능이 들어있고 그밖에 새로운 기능들도 들어가 있습니다. 확장자명은 'ts'로 파일명 뒤에 '.ts'를 붙여서 타입스크립트 파일로 만들 수 있습니다! npm이 설치되어 있는 상황이라면 터미널에서 아래와 같이 입력하면 tsc 파일명(.ts는 제외) 파일명.js 파일이 같은 폴더에 생성됩니다. 어떤일이 벌어지는지 해봅시다. 타입스크립트에 코드를 넣었습니다. 터미널에서 tsc prectice를 적고 엔터를 누르니까 뭔가 움찔했습니다. practice.js 파일로 가보니 c..
- Total
- Today
- Yesterday
- css position
- CSS 포지션
- 함수
- 메서드
- html table
- Python
- padding
- Array
- if문
- 타입 좁히기
- function
- 파이썬
- 자바스크립트
- 객체
- 동기코딩
- Type
- for문
- method
- 프로그래머스
- javascript
- 실수
- em
- HTML 기본
- Typescript
- CSS
- 반복문
- Object
- 타입스크립트
- html
- Margin
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |