- React 앱 생성
[React] React생성부터 Node.js 연동까지 - 1) React 프로젝트 생성
Node.js 설치된 상태에서 진행(없는 사람들은 설치하고 시작) 리액트 앱 생성 npx create-react-app {프로젝트 명} 실행 생성한 프로젝트 폴더로 이동 후 명령어 실행 cd chalkak #생성한 프로젝트 폴더로 이
d0u0b.tistory.com
# 프로젝트 구조
- 아래처럼 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 |