frontEnd/TypeScript

🌈 Component에 Type 지정 TS를 사용하여 아래처럼 Modal을 component로서 사용할 때 , Modal에 타입을 지정해줘야한다. 어떻게 Type을 설정해야할까? const Modal: 타입 뭐쓰지? = ({ prop1, prop2, children }) => { return ( {prop1} {prop2} {children} ); }; export default Modal; ☀️ React 18버전 이전 react 18버전 이전에는 컴포넌트를 정의할 때 아래와 같은 타입으로 정의해서 사용했다. React.FC: React.FunctionComponent => component의 children 을 포함 React.VFC: React.VoidFunctionComponent => compo..

⭐️ tsconfig.json 파일 생성 🌈 config 옵션 정리 //tsconfig.json { "include": ["src"], //자바스크립트로 컴파일하고 싶은 모든 디렉토리 저장 "compilerOptions": { "esModuleInterop": true, // CommonJS와 ES 모듈 간 상호 운용성 향상을 위해 필요 "sourceMap": true, // 소스 맵을 생성하여, 디버깅 시 TypeScript 소스로 매핑 "lib": ["ES2020", "DOM"], // 컴파일러에 포함할 라이브러리 목록 (ES2020 기능과 브라우저 DOM 타입 포함) "jsx": "react", // JSX 코드를 React 요소로 변환 "module": "esnext", // 사용할 모듈 시스템 ..