TQ-Frontend

신한투자증권 TQ 프론트엔드 레포지토리입니다.

기술 스택

• React 18
• TypeScript
• Vite
• React Router

프로젝트 구조

src/
├── components/     # 재사용 가능한 컴포넌트
├── pages/          # 페이지 컴포넌트
├── hooks/          # 커스텀 훅
├── services/       # API 호출 및 서비스 로직
├── utils/          # 유틸리티 함수
├── types/          # TypeScript 타입 정의
├── styles/         # 스타일 파일
├── assets/         # 이미지, 폰트 등 정적 파일
├── constants/      # 상수 정의
├── contexts/       # Context API
├── App.tsx         # 메인 앱 컴포넌트
├── main.tsx        # 진입점
└── index.css       # 글로벌 스타일

시작하기

환경 변수 설정

프로젝트 루트에 .env 파일을 생성하고 다음 내용을 추가하세요:

VITE_API_BASE_URL=http://54.116.19.246

의존성 설치

npm install

개발 서버 실행

npm run dev

빌드

npm run build

빌드 미리보기

npm run preview