728x90 개발일지/TypeScript2 React typeScript 사용 시 props type 지정 React를 typeScript와 같이 사용하는 경우 적용할 수 있는 방법으로, 자식 컴포넌트로 전달되는 props 타입을 간결하게 지정해줄 수 있다. // Top.tsx import { Bottom } from "../../~~" export const Top = () => { return } // Bottom.tsx interface childProps { props1: number; props2: string; props3: boolean; props4: () => void; } export const Bottom = ({ props1, props2, props3, props4, }: childProps) => { return bottom jsx } 2023. 1. 19. TypeScript 기초 문법 정리 TypeScript 기본 문법 기본 TS 타입 선언 // 문자열 let str: string = "hello"; // 숫자 let num: number = 100; // 배열 let arr: Array = [10,20,30]; let arr2: number[] = [10,20,30]; let arr3: Array = ["hello","hellololo" ]; let arr4: [string, number] = ["hello", 182]; // 객체 let obj:object = {name:"hello", age:29}; let person:{name: string, age:number}; // Boolean let isAvaliable: boolean = true; // 함수 선언 parameter와 r.. 2022. 11. 1. 이전 1 다음 728x90