Laravel과 React 설치

window에서 설치

laravel
1. php -> composer -> composer로 laravel실행 (laravel 공식문서 참고)

react
https://laravel.kr/docs/9.x/vite
에서 Vite 실행하기

npm install --save-dev @vitejs/plugin-react

똑같이 여기에도 node(npm)이 설치되어 있어야 함.
vite.config.js에서

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/main.jsx'],
refresh: true,
}),
react(),
],
});
로 설정

main.jsx

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './components/App';
const root = ReactDOM.createRoot(document.getElementById('app'));
root.render();

App.jsx

import React from 'react';
function App() {
return (

  <div>Hello, React!</div>

);
}
export default App;

index.blade.php

@viteReactRefresh
@vite('resources/js/main.jsx')

경로 잘 맞추기

linux에서 설치 (Rocky Linux)

laravel
1. php 설치되어 있을 거임 안되어 있다면. (https://dbsrbtjs.tistory.com/47) 이 링크에서 확인.

• APM 설치되어 있는데 laravel버전을 위해 php만 버전올리고 싶다면 검색 해볼 것(이것도 가능) ->remi 저장소 설치해서 간단하게 5줄 이내로 업그레이드 했었었음.

2. 그리고 composer 설치 하고 똑같이 laravel 실행

react