Copyright © 2025 p. Hyun
개발 중 설계·최적화·문제 해결 과정을 기록하는 기술 중심 개발 로그.
Up stream , Down Stream타입스크립트에서 공변성과 반공변성은 넓은 타입과 좁은 타입 간의 호환성에 대해 설명하는 개념적 용어로 사용한다.기본적으로 좁은 타입은 넓은 타입에 대입할 수 있지만, 반대로 넓은 타입을 좁은 타입에 대입할 수는 없다. 이를 통해 타입 간의 호환성 여부를 결정하고,이때 업스트림(upstream)과 다운스트림(downs
Pick타입스크립트에서 일일이 매 타입을 선언하기 보다 이미 선언되어있는 리터럴의 속성의 타입을 가져 올 수 있는 타입이다.예로 아래의 UserProps 리터럴에서 에서 "name"와 "age" 가져오고 싶다면,type UserProps = { name: string; //가져올 값 age?: number; //가져올 값 married?: boo
제네릭 제약조건TS에서 제네릭이 알 것 같으면서도 항상 좀 딥하게 들어가면 헷갈리는 부분이 많다.제네릭 제약조건 또한 자료형에 따라 다르게 취급되고 헷갈렸던 부분 존재하는데다시 재 정의하고 찾아보기 위해서 포스팅한다.제네릭에서 타입을 제약조건을 건다면 extends 사용하여 제약조건을 할당 할 수 있다.클래스에서는 "확장" 개념으로 상속개념이지만,다르게 타
React에서 ref는 주로 DOM 요소에 접근하거나 재 랜더링하지 않고 값을 유지하거나재 랜더링을 유발하지 않으면서 상태 값을 변경하기 위해 "useRef" Hook을 사용한다.JSX에서 TSX로 마이그레이션 하면서 ref에 대한 타입도 사용 용도에 따라 명시 해줘야 했다.ref의 타입들은 공통적으로 current 속성을 참조하여 접근하거나 저장한다.1️
React를 함수형 프로그래밍을 주로 사용함으로..자주 사용하는 Component 타입에 대해 정리한다.컴포넌트의 타입은 주로 반환, props 타입으로 나누어져 정의하면 된다.1️⃣ "JSX.Element " , 반환타입"반환" 을 정의하는 타입으로 가장 기본이 되는 컴포넌트로 "단일" 컴포넌트를 말한다.props을 받을 순 있지만, 명시적으로는 단일 J
1️⃣ useMutation응답 타입 (TData): 뮤테이션 함수가 성공적으로 실행된 후 반환되는 데이터의 타입입니다.에러 타입 (TError): 뮤테이션 함수가 실패했을 때 발생하는 에러의 타입입니다.요청 타입 (TVariables): 뮤테이션 함수에 전달되는 인수의 타입입니다.2️⃣useQueryTQueryFnData: 첫 번째 타입 매개변수는 서버에
기존 JS 프로젝트를 TS로 변경하면서 보여진 오류들에 대해 정리해본다."1개의 인수가 필요한데 1개를 가져왔습니다" 같은 너무 기본적은 오류말고 헷갈리거나 꼭 알아야 할 오류들을 정리했다.1️⃣"~~"형식은 "~~" 형식에 할당 할 수 없습니다.이는 함수에 시그니처 타입 값과 호출하는 파라미터의 타입이 일치 하지 않을 경우 반환되는 오류이다.예) "str
"타입 좁히기 | 타입가드"타입스크립트의 목적을 좀 더 코드의 안전성과 정확성을 높히기 위해 사용한다.파라미터에 대한 값을 함수 내부에서 typeof, instanceof , in 등을 이용하여 정확한 타입을 체크하여 작업 할 수 있다.1️⃣' typeof '연산자typeof는 변수에 대한 타입을 체크할 수 있으며 함수내에서 아래와 같이 특정 타입일 때 분
타입스크립트에서 현재 제일 어려운 부분..타입스크립트에서 제네릭(generic)은 들어온 값의 타입을 그대로 유지하면서 리턴 타입도 동일하게 만드는 데 사용 하는타입정의 기법, 타입스크립트의 타입 시스템을 강화하여 안전한 코드를 유도한다. 타입 안전성: 제네릭은 컴파일러가 타입을 추론하고 검사할 수 있게 하여, 잘못된 타입 사용을 방지 유연성과 재사용성:
