절대경로 (2) 썸네일형 리스트형 React, 절대 경로 설정 (Vite 기준) TypeScript 기준으로 쓰였습니다.1. tsconfig.json Setting혹은 tsconfig.app.json 파일에 설정 baseURL 및 path 설정src 혹은 자신이 원하는 임의의 디렉토리 위치를 설정하면 됩니다. "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, }2. vite.config.ts Settingtsconfig.json 뿐만 아니라 번들러 모듈 설정도 필요합니다.만약 WebPack으로 설치하셨다면 webpack.config로 작성하시면 됩니다. (1) vite-tsconfig-paths모듈 설치npm install vite-tsconfig-pathsimport { define.. React, 절대 경로 import 리액트를 사용하다보면 만들어 놓은 컴포넌트를 import 할 때default 값이 상대경로이기 때문에 다음과 같은 경우를 마주하게 됩니다,,import { Button } from '../../components'; 디렉토리 구조가 복잡해질 경우 경로를 일일이 계산하는게 번거롭기 때문에절대경로로 사용하는 편이 간단할 때도 있습니다. 절대경로로 설정하는 방법은 의외로 간단합니다. 1. JavaScript1. 프로젝트 루트 디렉토리에 jsconfig.json 파일 하나를 먼저 만듭니다 (보통 만들어져 있다).{ "compilerOptions": { "baseUrl": "src" }, "include": ["src"]}2. 생성한 json파일 안에 compilerOptions key 값에 "base.. 이전 1 다음