타입스크립트 보다 타입스크립트를 이용한 개발자가 타입을 지정하는 것이 타입 단원 입니다. 단어만 들었을때는 감이 언오실수 있어 아래 코드로 예제를 작성해 보겠습니다. ts 파일 안에 ab변수를 선언한뒤 숫자를 한번 선언해주고 문자열을 한번 선언을 하였습니다. 이럴 경우 타입스크립트에서는 타입에 대한 추론은 any 로 추론이 되는데 코드를 작성하는 개발자는 이 타입이 마지막에 선언된 문자열 (string) 이라는것을 알고 있습니다. 이럴경우 개발자가 생각하는 타입을 지정할수가 있습니다. ab 변수 옆에 as 라는 키워드 작성한뒤 타입을 지정하면 변수 c 에대한 타입을 타입스립트에서 추론을 하게 됩니다. 이 타입 단원은 DOM API 를 조작할때 사용되는데 예를 들어 설명해보겠습니다. var div = do..

코드시그널 사이트에서 SQL 에서 제공하는 키워드 Like 연습하기 좋은 문제를 풀어 내용을 정리하려고 합니다. 사용자 식별을 위해 특수 알고리즘을 사용하는 대규모 웹 사이트를 관리하고 있습니다. 특히 이름과 성 및 일부 추가 메타 데이터만을 기반으로 각 개인에 대한 고유 한 속성을 생성합니다. 오늘 서버 로그를 분석 한 후 웹 사이트 보안이 침해되었으며 일부 사용자의 데이터가 손상되었을 수 있음을 발견했습니다. 사용자 정보는 다음과 같은 구조로 사용자 테이블에 저장됩니다 . first_name: 사용자의 이름; second_name: 사용자의 성; attribute:이 사용자의 고유 한 속성 문자열입니다. attribute특수 알고리즘의 이전 버전에서 생성 된 사용자 만 영향을받은 것 같습니다. 이러한..

타입 추론(Type Inference) 타입스크립트가 작성된 코드를 어떻게 해석을 하는지에 대한 개념입니다. 타입스크립트는 변수를 선언하거나 초기화 할때 타입이 추론됩니다. 예를들면 변수,속성,인자의 기본값 함수의 반환값등을 설정할때 타입추론이 발생하게됩니다. var cafejun; 위 코드에서는 cafejun 변수를 선언만 하였습니다. 이때 변수를 선언하면서 any 타입이 할당이되고 여기에 값을 지정을 하면 값에 대한 타입이 변수에 타입으로 지정이 됩니다. cafejun 변수에 'abc' 를 선언하였을때 string 타입으로 추론이 되었습니다. 함수에도 타입을 추론해보겠습니다. function getB(b = 10) { var c = 'hi' return b + c; } Best Common Type ..

그동안 배운 타입스트립트의 타입에대한 개념을 아래 연습 문제들을 통해서 점검을 해보는 시간을 가져보았습니다. 강의를 듣기만 해서는 정말 개념에 대한 내용을 듣는것만 하는거이고 실제로는 개념을 체화하여 코드를 작성을 해야하기 때문에 연습문제를 풀어보기로 하였습니다. 아래 테스트로 작성한 함수의 타입을 지정해보도록 하겠습니다. function fetchContacts() { const contacts = [ { name: 'Tony', address: 'Malibu', phones: { home: { num: 11122223333, }, office: { num: 44455556666, }, }, }, { name: 'Banner', address: 'New York', phones: { home: { nu..

타입스크립트를 처음 경험을 하는 유저들이 가장 두려워 하는부분이 제네릭 인것 같습니다. 단어도 유추가 안되고 개념이 낯설기 때문에 어려워 하지 않을까 합니다. 제네릭은 간단하게 문법을 테스트할수있는 코드를 작성을 해보겠습니다. //할수를 호출을 할때 타입을 같이 선언해준다 function logText(text: T):T { console.log(text); return text; } logText(10); logText('하이'); logText(true) logText에 제너릭을 T (아직 정해지지 않은 타입) 으로 선언한뒤 파라미터 text를 받고 text로 반환하는 함수를 작성하였습니다. 이때 logText가 호출이 될때 타입까지 같이 선언을 하여 넘겨주기 떼문에 타입스트립트에서 추론을 하여 반환..

타입스크립트에서 클래스 기능을 확인해보기 앞써 자바스크립트에서 클래스가 하는 역활이 어떤거고 코드로 어떻게 구현을 하는지 확인해 보겠습니다. 우선 클래스가 하는 역활은 기본적으로 인스턴스를 생성해주는 기능을 한다. class Cafejun { // class logic constructor(name, age) { console.log('인스턴스가 생성되었습니다.'); this.name = name; this.age = age; } } var cafejun = new Cafejun('jun', 29); console.log(cafejun); 위 코드는 자바스크립트에서 Class 를 생성후 new 라는 예약어를 통해 인스턴스를 생성한 후 cafejun 변수에 담아내고 출력하는 코드 입니다. 해당 코드를 실행..