- React 앱 생성
# 프로젝트 구조
- 아래처럼 src안에 components, db, pages 폴더 생성
# 프로젝트 import 경로 설정
- import Test from ‘../pages/test/new’ 이렇게 현재 파일 위치로부터 import 할 파일 위치를 ../../ 를 이용하는데 불편해서 import Test from ‘pages/test/new’ 이런 식으로 가능하게 설정해 줍니다
- 루트 경로에서 jsConfig.json 파일 생성 후 paths로 경로 잡기
{
"compilerOptions": {
"baseUrl": "./src"
},
"include": ["src"],
"paths": {
"pages/*": ["pages/*"],
"components/*": ["components/*"],
"db/*":["db/*"]
}
}
'Framework > React' 카테고리의 다른 글
[React] React생성부터 Node.js 연동까지 - 5) DB 연동 (0) | 2024.03.30 |
---|---|
[React] React생성부터 Node.js 연동까지 - 4) Node.js 연동 (0) | 2024.03.30 |
[React] React생성부터 Node.js 연동까지 - 3) Router 설정 (0) | 2024.03.30 |
[React] React생성부터 Node.js 연동까지 - 1) React 프로젝트 생성 (0) | 2024.03.30 |
[React] - Vite 시작하기 (0) | 2023.12.03 |