DTalks Frontend

DTalks 웹 서비스를 위한 React 기반 프론트엔드 리포지토리입니다

🚀 프로젝트 실행

1. 의존성 설치

npm install 

2. 환경 변수 설정

루트 디렉토리에 .env 파일을 생성하고 다음 값을 입력하세요.

VITE_API_URL=https://dtalks.kro.kr/
VITE_AI_API_URL=/api

3. 개발 서버 실행

npm run dev

4. 프로덕션 빌드

npm run build

📁 프로젝트 구조

src/
├── api/                    # API 통신 관련
├── assets/                 # 이미지, 아이콘 등 정적 자원
├── components/             # 재사용 가능한 컴포넌트
│   ├── admin/              # 관리자 페이지 컴포넌트
│   ├── common/             # 공통 컴포넌트
│   └── modal/              # 모달 컴포넌트
├── hooks/                  # 커스텀 훅
├── layout/                 # 레이아웃 관련 컴포넌트
├── pages/                  # 페이지 컴포넌트
├── query/                  # React Query 관련
├── routes/                 # 라우팅 설정
├── store/                  # Zustand 스토어
├── styles/                 # 전역 스타일
├── types/                  # TypeScript 타입 정의
└── utils/                  # 유틸리티 함수

👨🏻‍💻 Contributors

이경준	박상우