• StrictMode
• JSX 문법 import React …o

빌드 및 테스트

npm run build
npm run preview

• vite build, vite preview

CSR (Client Side Rendering)

• CSR은 Client Side Rendering의 약자로, 클라이언트 측에서 페이지를 렌더링하는 방식을 의미합니다.
• 서버에서는 최초에 필요한 HTML, CSS 및 JavaScript 파일을 제공하고, 이후에는 클라이언트 측에서 동적으로 콘텐츠를 렌더링합니다.
• 주어진 디렉토리 구조에서는 React를 사용하여 클라이언트 측 렌더링을 수행하는 것으로 보입니다.

SPA (Single Page Application).

• SPA는 Single Page Application의 약자로, 단일 페이지 응용 프로그램을 의미합니다.
• 하나의 HTML 페이지로 구성되어 있고, 동적으로 콘텐츠를 로드하며 전체 페이지를 새로 고치지 않고도 페이지 간 전환을 처리합니다.
• 주로 JavaScript 프레임워크 또는 라이브러리를 사용하여 구현됩니다. 주어진 디렉토리 구조에서는 React를 사용하여 SPA를 구현할 것으로 보입니다.

진입점 (main.jsx)

main.jsx 파일은 애플리케이션의 진입점을 나타내는 파일로, 이 파일에서는 ReactDOM을 사용하여 React 애플리케이션을 렌더링하고, 프로젝트의 루트 컴포넌트를 지정합니다.

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
)

• react: React 라이브러리를 임포트합니다.
• react-dom/client: ReactDOM의 createRoot 메서드를 사용하기 위해 해당 모듈을 임포트합니다.
• App: 애플리케이션의 루트 컴포넌트를 임포트합니다.