type (4) 썸네일형 리스트형 date type input에 placeholder 만들기 date type inptu에 placeholder를 넣고싶다는 생각이 들었다. 그런데 찾아보니까 내가 원하는대로 동작하는 코드는 딱히 없었다. 그래서 직접 작성했다. .date_empty:before에서 calc를 사용할 때 %를 사용해서인지 너비가 계속 변하여서 input의 width를 200px로 고정시켜주니 괜찮아졌다. 또한 42px을 빼주는 이유는 맨 끝에 있는 아이콘의 공간을 남겨주기 위한 것이다. 이건.... 그냥 직접 해보면 42px을 빼주는 게 딱 알맞다는 것을 깨닫게 된다. 동작은 다음 링크에서 확인해볼 수 있다! https://jsfiddle.net/rinkokomong/p5o4u1vj/3/ 더 좋은 방법이 있으면, 공유해주세요!!! Generic 오늘은 TypeScript에서 Generic을 어떻게 사용하는지에 대해 알아보겠다. Genric은 단일 타입이 아닌 다양한 타입에서 작동하는 function, class, interface를 만들 때 사용된다. 간단히 다음 예시를 살펴보자! function printValGeneric(val: T): T { console.log(val); return val; } const a = printValGeneric('hi'); const a2 = printValGeneric('hi'); 'printValGeneric' 함수는 입력받은 값을 출력 및 반환하는 함수이다. 먼저 문법부터 살펴보면 함수를 선언할 때 'T'라는 타입변수를 로 감싸서 입력받고 있다. 또한 'T' 타입의 인수 'val'을 입력받고 있고, .. type alias와 interface https://code-mania.tistory.com/29 TypeScript의 type 알아보기 기본적으로 js에는 다음과 같은 type들이 있다. String Number Boolean Array Function Object 타입 지정 방법 이번 시간에는 기본타입을 변수에 적용하는 방법에 대해서 알아볼 것이다. TypeScript는 TypeScript.. code-mania.tistory.com 위 글에서 기본 타입을 알아봤다. 하지만 프로그래밍하다보면 기본 타입만으로는 해결하기 어려운 상황에 직면할 것이다. 이 때 어떤 해결책이 있는지 알아보자~~~~ Type Alias와 Interface 사용자 정의 type을 지정하기 위한 방법으로 type alias와 interface를 이용하는 2가지 방법.. TypeScript의 type 알아보기 기본적으로 js에는 다음과 같은 type들이 있다. String Number Boolean Array Function Object 타입 지정 방법 이번 시간에는 기본타입을 변수에 적용하는 방법에 대해서 알아볼 것이다. TypeScript는 TypeScript라는 이름에 걸맞게(?) Type 지정이 가능하다. 변수명 뒤에 콜론과 지정하고싶은 type을 지정해주면 된다. let name: string = 'code-lover'; let likeNumber: number = 4; let isAdult: boolean = false; 객체와 배열 그런데 배열과 객체는 type 지정 방법이 조금 다르다!!! 배열의 경우 아래와 같이 사용해주면 된다. let hobbies: string[] = ['JAVA', 'V.. 이전 1 다음