TypeScript2 [React] React + Vite + TypeScript 에서 Path Alias 설정하기 import를 할 때 상대 경로로 되는데 폴더 구조가 깊으면 어쩔 수 없이 길어진다. 이때 별칭(Alias)를 사용하면 간단하게 줄일 수 있다. import Header from '../../../components/header/Header 이런 식의 경로를 간단하게 줄여줄 수 있다. 1. Vite.config.ts 파일 설정vite.config.ts 파일에서 설정을 간단하게 추가할 수 있다.import * as path from 'path';import { defineConfig } from 'vite'import react from '@vitejs/plugin-react'// https://vite.dev/config/export default defineConfig({ plugins: [reac.. 2025. 7. 15. [TypeScript] TypeScript에 대해 알아보자 🎠TypeScript의 정의와 기본 사용법에 대해 알아보자1. TypeScript?JavaScript의 모든 기능을 제공하고 타입 시스템이라는 추가 레이어를 제공하는 정적 타입 언어이다. 2. 유형 정의interface User { name: string; id: number; }선언을 사용하여 이 객체의 모양을 명시적으로 설명할 수 있다.const user: User = { name: 'Hayes', id: 0,};변수를 선언한 뒤 위와 같은 구문을 사용하여 JavaScript 객체를 설명한 모양에 맞게 선언할 수 있다.interface User { name: string; id: number;}class UserAccount { name: string; id: number;.. 2024. 9. 18. 이전 1 다음
