타입스크립트6 타입스크립트 / 열거형과 리터럴 타입 Enum & Literal 1. 열거형 Enum : 연관된 아이템들을 함께 묶어서 표현할 수 있는 수단 (사용방법) enum을 선언해준다. 원하는 프로퍼티에 해당 enum의 변수를 타입으로 지정해준다. 아래와 같이 클래스.변수명 과 같은 형태로 사용하면 된다. 컴파일된 자바스크립트를 보면 아래와 같은 형태로 나온다. 0, 1, 2 의 형태로 각각 값을 가지는 것을 확인할 수 있다. 이것이 숫자열거형 Numeric Enum 이다. 근데 만약에 0,1,2의 값을 "Male", "Female"과 같은 String형태로 변경하고 싶다면?? 타입스크립트는 String enum을 지원한다. 2. 리터럴 타입 : enum 보다 심플하다. 그냥 스트링으로 적고 | 로 구분해주면 끝~ 본 포스팅은 땅콩코딩님의 유투브 강.. 2021. 6. 12. 우아한테크러닝 4기 / 20210608 / 교육에 대한 기록 / 메모장 1교시 [지난 미션에 대한 리뷰시간] 황윤서님 : Draft.js로 리스트 기능 구현 민태님 긴급 피드백 - 다양한 주니어들의 실수로 나타나는 현상 - 본인의 맥락으로 설명하고 있다. 본인이 설명하고 싶은 것만 설명하고 있다. - 그래서 공유를 받는 다른 사람의 입장에서는 이해하기가 굉장히 어렵게 된다. - 그래서 처음 셋업 부터 단계적으로 어떤식으로 구현했는지 하나하나 설명하는 것이 필요해야 한다. - 별로 관심없는 시니어라면 대충 얼버무리고 발표를 끝내버릴 수도 있기 때문에 적극적인 설명이 필요. - 다른 사람에게 어떻게 전달할지에 대한 기술도 필요하다. 피드백후 재설명 구글 로그인 및 로그아웃을 react-google-login 패키지를 사용하여 구현 Draft.js를 이용하여 ordered-lis.. 2021. 6. 8. 타입스크립트 타입 추론 / 타입 명시 타입스크립트의 가장 큰 특징중 하나는 정적 타이핑 기능 (Static Typing) 을 자바스크립트에 제공하는 것이다. Static Typing 이란? 타입을 선언하고 선언된 타입에 맞는 값만 할당 및 반환 되어야 한다는 의미이다. 타입추론 (Type Inference) 예시를 하나 보자 이렇게 js에서는 타입을 초기화 한 후 다시 타입에 다른 값을 초기화 할때 타입이 달라도 문제 없지만 ts에서는 에러 밑줄이 나온다. 컴파일시에도 에러가 나온다. 즉, 타입스크립트에서는 타입 표기가 없는 경우 코드를 읽고 분석하여 타입을 유추해 낼 수 있다. 이것이 타입 추론! 단순히 변수에 뿐만아니라 함수의 파라미터와 리턴 타입에도 적용된다. 타입명시 (Type Anotations) 타입명시란? 변수를 선언할 때 변수.. 2021. 6. 5. 타입스크립트란 무엇일까? + 개발환경설정 타입스크립트란 무엇일까? 1. 타입스크립트란? 자바스크립트를 기반으로 한 superset이다. 자바스크립트의 기능 + 자바스크립트에 없는 기능 2. 타입스크립트의 특징 타입표기 : 변수 값에 데이터 타입 지정 가능 객체지향적 컴파일 타임 오류를 잡을 수 있다. 타입스크립트로 작성된 코드가 자바스크립트로 컴파일 되어야 한다. 왜냐면 브라우저는 JS만 이해가능 프로그래밍 언어인 동시에 컴파일러! 개발환경설정 1. VS Code 설치 구글 검색해서 다운 고고 https://code.visualstudio.com/ Extension 설치 (1) Prettier : 코드를 포맷팅하는 것을 도와주는 것, 코드를 보기 쉽고 읽기 쉽게 (2) ESLint : 코드 품질 도구, 코드 검사, 문제에 대해 경고 (3) Pa.. 2021. 6. 5. 이전 1 2 다음
