타입스크립트(3)
-
[react] "Cannot find module './*.style.scss'"
className을 지정한다음 css를 설정하려고 할때import styles from "./TodoItem.style.scss";import cn from "classnames/bind";이 부분에서 "Cannot find module './TodoItem.style.scss'" 에러가 난 적이 있다. 분명 맞는 경로, 파일명도 잘 맞췄다. 근데 모듈을 찾을 수가 없다? 알고보니 타입스크립트는 .scss 같은 CSS 파일을 JavaScript 모듈로 처리하지 않기 때문에 정의 파일 (.d.ts)을 만들어줘야 한다는 것이다. 그래야 타입스크립트가 .scss 파일을 객체 형태의 모듈로 인식한다. // src/types/style.d.tsdeclare module "*.scss" { const conten..
2025.01.30 -
[ts] void ,any, unknown, never 타입
📌 voidtype AppsettingContextType={ fontSize: FontSize; theme: Theme; setTheme:(theme:Theme) =>void; setFontSize:(fontSize:FontSize)=>void};이렇게 타입 선언에서 void 타입을 본적이 있을 것이다. void는 typescript에서 반환 타입이 없음을 명시적으로 표현하는 용도의 타입이다.변수의 타입으로 void를 사용하면 해당 변수에는 null 또는 undefined만 할당할 수 있다. 즉, 해당 변수에는 유효한 값이 없음을 나타낸다.그래서 주로 네트워크 요청,로그 출력, 객체 상태 변경 등과 같은 작업을 생성하는 것이 목적인 함수를 호출한 후에 반환된 값을 사용할 필요가 없음을 나..
2024.10.18 -
[vanilla+typescript]API 서비스 함수 작성
공공데이터에서 제공하는 미세먼지 api를 호출하여 미세먼지 데이터를 화면에 뿌려줄 것이다.일단 그럼 서비스함수, 인스턴스를 생성해보자. 이뤄지는 과정요청 타입 정의응답 타입 정의서비스 함수 정의해당 ts 파일로 와서 요청하기 우선 api 호출을 했을때 응답값이 잘 반환이 되는지 postman으로 확인해보는 것이 좋다!이렇게 params에 필수 요청 파라미터를 담아서 url로 get 요청을 한다. 그럼 성공적으로 이렇게 응답값이 json형식으로 받아와지는 걸 확인 할 수 있다.이때 내가 returnType을 json으로 했기에 이렇게 나온다.여기서 난 infromCause,informOverall만 추출할것이다. 일단 그럼 요청타입을 먼저 정의해보자!1. dust.type.ts란 파일 생성요청시에는 ..
2024.08.23