SimCoding

[TS] Property 'name' does not exist on type 'EventTarget' > EvenTarget에 name 속성이 존재하지 않아서 발생하는 타입오류 > 해결 : TypeAssertion을 이용해 해결 할 수 있다.

[TS] Object is of type 'unknown'.ts(2571) (error object) > try-catch문의 error의 타입과 관련해서 발생하는 error > 해결방법 : 아래와 같이 type narrowing기법을 이용해 해결 할 수 있다.

안녕하세요. 이번 포스팅에서는 useState를 사용해 선언한 변수를 props를 통해 전달 할 때, 타입지정하는 방법에 대해 알아봅시다. 아래 예시코드를 통해, 타입지정 방법을 확인해보세요. // App.tsx function App() { const [aboutScroll, setAboutScroll] = useState(false); return ( ); } export default App; // About.tsx interface AboutProps { setAboutScroll: Dispatch; aboutScroll: boolean; } const About: React.FunctionComponent = ({ aboutScroll, setAboutScroll }) => { return ( ..

[TS] Value must be omitted for boolean attributes 에러 해결방법 props가 아래와 같은 형태로 작성되어 있을 경우, 'Value must be omitted for boolean attributes' 에러가 발생할 수 있습니다. 해결방법 : 아래와 같이 작성해 주시면 오류가 해결됩니다.

TypeScript & StyledComponents 에서 props타입 지정하기. 안녕하세요. 이번 포스팅에서는 TypeScript를 사용할때, StyledComponent에 props타입을 지정하는 방법에 대해 알아보겠습니다. TypeScript에서는 타입을 지정하지 않고, 임이의 props를 사용할 경우 오류를 뱉습니다.. 아래 사진처럼요.. 그렇다면 props에 대한 타입은 어떻게 지정하면 되는 걸까요 !? 예시코드를 통해 StyledComponent를 통해 props에 타입 지정하는 방법을 확인해 봅시다. > 타입 직접 지정. // const Container = styled.div` const Container = styled.div< { age : number ..

[TS] React TypeScript 에서 children에 대한 타입정의 예시 import React, { ReactChildren, ReactChild } from 'react'; interface AuxProps { children: ReactChild | ReactChildren; } const Aux = ({ children }: AuxProps) => ({children}); export default Aux;

타입스크립트 접근제한자 : public, private, protected + 정적메소드 static 자바스크립트와 달리, 타입스크립트에서는 접근제한자를 제공합니다. 코드 예시를 통해 접근제한자 대해서 알아보도록 하겠습니다. /* 접근 제한자 - public, private, protected public - 자식 클래스, 클래스 인스턴스 모두 접근 가능 protected = 자식 클래에 접근 가능, 클래스 인스턴스 접근 불가능 private - 해당 클래스 내부에서만 접근 가능 */ // ※ static - this가 아닌, 클래스명으로 접근 ! class Car { public name : string; private color :string; protected wheel : number; stati..