React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

프로젝트 설정 및 실행 (Korean)

GitHub에서 프로젝트를 클론한 후 로컬에서 프로젝트를 설정하고 실행하려면 다음 단계를 따르세요.

전제 조건

시스템에 Node.js와 npm이 설치되어 있는지 확인하세요.

1. 저장소 클론

git clone <your-repository-url>
cd 3DpanoramaWebsite # 또는 프로젝트 폴더 이름

2. 의존성 설치

React, Lucide React, Tailwind CSS를 포함한 프로젝트 의존성을 설치합니다.

npm install
# 또는 yarn 사용 시
# yarn install

3. 환경 변수 구성 (선택 사항)

애플리케이션이 백엔드 API에 연결해야 하는 경우, 프로젝트 루트에 .env 파일을 생성하고 API 기본 URL을 추가하세요:

VITE_API_BASE_URL=http://localhost:3000

http://localhost:3000을 실제 백엔드 서버 URL로 바꾸세요.

4. 개발 서버 실행

개발 서버를 시작합니다:

npm run dev
# 또는 yarn 사용 시
# yarn dev

이렇게 하면 일반적으로 http://localhost:5173 (또는 5173 포트가 사용 중인 경우 다른 포트)에서 브라우저에 애플리케이션이 열립니다.

5. 프로덕션용 빌드

애플리케이션의 프로덕션 준비 빌드를 생성하려면:

npm run build
# 또는 yarn 사용 시
# yarn build

이렇게 하면 dist 디렉토리에 최적화된 정적 자산이 생성됩니다. 그런 다음 정적 파일 서버를 사용하여 이 파일들을 제공할 수 있습니다.

예시 사진