안녕하세요 동기 여러분! 오늘은 유니온 타입 두 번째 시간으로 타입 좁히기(Type Narrowing)에 대해 알아봅시다! Type Narrowing 유니온이 다른 종류의 타입을 가져와서 사용하기 때문에 타입에 따라 결과가 달라져야 할 상황도 분명히 있을 것입니다. 그럴 때 if문과 그안에 typeof 연산자를 사용해서 결과를 다르게 가져올 수도 있습니다. 생김새 function differentResult(flexibleVal: string | number) { if(typeof flexibleVal === 'string'){ // 여기에 원하는 코드 ~~~ } if(typeof flexibleVal === 'number'){ // 여기에 원하는 코드 ~~~ } } 함수 differentResult를 ..
안녕하세요 동기 여러분! 오늘은 커스텀 타입의 두 번째 시간입니다. 문자 에넘스랑 숫자 에넘스 중에 어느 것이 더 우리가 사용하기에 적합한지 알아봅시다! String Enums vs. Numeric Enums 결론부터 말씀드리자면 숫자 에넘스보다는 문자 에넘스를 강력 추천드립니다! 문자 에넘스가 숫자 에넘스보다 좋은 이유 enum DenmarkForcesString { CrossbowMen = '석궁병대', DismountedHuscarls = '허스칼 보병대', Obudshaer = '오버샤이어', Huscarls = '허스칼 기마병대' } enum DenmarkForcesNums { CrossbowMen = 5, DismountedHuscarls, // 자동으로 6 Obudshaer, // 자동으로 ..
와썹 동기 여러분! 오늘은 타입스크립트에서 함수에 코멘트 다는 방법에 대해 알아봅시다! Documenting Functions 자바스크립트에서 코멘트를 다는 방법이 두가지가 있었는데 아래의 코드를 봅시다. // 한 줄에 코멘트를 다는 경우 /* 여러 줄에 코멘트를 다는 경우 */ 타입스크립트에서는 다른 방법으로 코멘트를 다는 경우도 있습니다. (물론, 위 방법도 여전히 사용가능) 이를 문서형 코멘트(documentation comment)라고 부릅니다. /** * 문서형 코멘트 * Documentation comment */ 어떤 상황에서 쓰일까 함수(function)에 관해 코멘트를 다는 경우 아주 유용하게 쓸 수 있습니다. /** * Returns the result of multiplied a an..
안녕하세요 동기 여러분! 오늘은 변수에 선언된 타입을 다른 타입의 값으로 변경하면 타입스크립트에서는 어떻게 반응하는지 알아봅시다! Variable Type Annotations 저번 시간에 변수를 타입 any로 선언하고 변수에 다른 타입의 값을 넣으니까 아무 에러가 없이 컴파일링 된 모습을 확인했습니다. 오늘은 변수에 타입만 선언하고 변수를 다른 타입으로 변경 했을 때 어떤 에러가 뜨는지 알아보도록 합시다. 해봅시다! 변수를 문자 타입으로 선언하고 숫자를 넣는 경우 ※ 변수에 타입을 선언 할 때 = (equal) 이 아니라 반드시 : (colon)을 넣어주셔야 합니다. let enigma : string; //
안녕하세요 동기 여러분! 오늘은 타입스크립트의 타입 추론에 대해 알아봅시다! Type Inferences 타입스크립트는 자바스크립트의 주요 데이터 타입인 불린(Boolean), 숫자(Number), 눌(Null), 문자(String), 언디파인드(Undefined)를 알아차리는 능력이 있습니다. 오류를 찾아주는 고마운 친구 타입스크립트 아래의 타입스크립트 코드를 보겠습니다. TypeScript let dongi = 'dongi' dongi = 3; dongi라는 변수에 'dongi'라는 문자를 넣고 아래에 dongi라는 변수에 숫자를 넣으면 타입스크립트에서는 아래와 같이 오류가 있다고 알려줍니다. "타입 '숫자'는 '문자'에 선언할 수 없다."라고 친절히 알려줍니다. 자바스크립트의 버그를 알려주는 고마운..
안녕하세요 동기 여러분! 오늘은 TypeScript에 첫 번째 시간입니다! What is TypeScript? 타입스크립트는 마이크로소프트에서 만든 전통 자바스크립트의 슈퍼셋(Superset) 프로그래밍 언어입니다. -> 자바스크립트의 모든 기능이 들어있고 그밖에 새로운 기능들도 들어가 있습니다. 확장자명은 'ts'로 파일명 뒤에 '.ts'를 붙여서 타입스크립트 파일로 만들 수 있습니다! npm이 설치되어 있는 상황이라면 터미널에서 아래와 같이 입력하면 tsc 파일명(.ts는 제외) 파일명.js 파일이 같은 폴더에 생성됩니다. 어떤일이 벌어지는지 해봅시다. 타입스크립트에 코드를 넣었습니다. 터미널에서 tsc prectice를 적고 엔터를 누르니까 뭔가 움찔했습니다. practice.js 파일로 가보니 c..
- Total
- Today
- Yesterday
- Python
- function
- if문
- 자바스크립트
- css position
- CSS 포지션
- 반복문
- Typescript
- em
- Margin
- 함수
- 메서드
- method
- CSS
- html table
- 동기코딩
- HTML 기본
- 프로그래머스
- 타입 좁히기
- Object
- 파이썬
- Type
- 타입스크립트
- padding
- Array
- html
- 객체
- javascript
- for문
- 실수
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |