ts (2) 썸네일형 리스트형 ts + webpack에서 datepicker 사용하기 1. jquery-ui-dist 설치 datepicker는 jquery-ui에서 제공하고 있으며, 다운받으면 사용할 수 있다. 그런데 나같은 경우 jquery-ui로 webpack 설정을 하는데 실패해서 jquery-ui-dist를 사용했다. npm i jquery-ui-dist 2. @types/jqueryui 설치 typescript와 jquery-ui의 호환을 위해서 @type/sjqueryui를 설치한다. (datepicker만 사용하려면 @types/jquery.ui.datetimepicker를 설치해도 된다.) npm i @types/jqueryui 3. alias 설정 lib 설치가 끝났으면 webpack.config.js에서 alias 설정을 해준다. (alias 설정은 꼭 안 해도 되지만.. Type 추론 Typescript를 사용하다보면 타입 지정을 하지 않아도 에러가 나타나지 않는 경우가 있다. 이는 ts가 코드상황을 보고 타입을 인지 후 타입을 추론하는 것이다. → 타입추론 for(let i = 0; i < feeds.length; i++) feeds[i].read = false; 위와 같은 for문에서 i의 초기값으로 0을 넣고 있기때문에i의 type은 number라는 것을 알 수 있다. 이에 ts는 i의 type을 number로 지정하고 number type 외에 다른 type의 값을 넣으면 에러를 표시해준다. 이전 1 다음