baboleevan/anissia-web-2022

VueApache-2.0

Anissia WEB (front-end)

애니시아 프론트엔드 WEB 입니다.
주소 : anissia.net
인프라 자원상 Admin 사이트를 포함합니다.

준비과정

node.js 설치
- https://nodejs.org
yarn 설치
```
npm install --global yarn
```
IDE 설치
- IDE는 상관없으나 WebStorm 혹은 Visual Studio Code (무료) 추천
- Visual Studio Code (무료)
  - https://code.visualstudio.com
  - 확장도구(extensions)도 설치
    - Vue VS Code Extension Pack
    - Terminal
      - IDE 오른쪽 하단에 >_ 모양의 Toggle Integated Terminal 라는 아이콘이 생김
  - git 으로 받은 후 열기
- WebStorm
  - https://www.jetbrains.com/webstorm/
모듈설치
- IDE 에서 다음 명령어 실행
- Visual Studio Code 사용시 콘솔 기본값은 PowerShell 이 아닌 cmd 추천
```
yarn install
```

실행

실행
- IDE 에서 다음 명령어 실행
  - 운영서버 API 사용 - https://anissia.net
```
yarn run dev --mode prod-server-api
```
  - 로컬서버 API 사용 - http://localhost:8001
    - 우선 코어서버(백엔드)를 가동해야 합니다.
    - 참고 : anissia-core
```
yarn run dev
```
접속
- 메인 : http://localhost:5173/
- 어드민 : http://localhost:5173/admin/
  - 로그인-권한필요
  - 로컬의 경우 CORE 프로젝트에서 자동생성되는 운영자 계정으로 접근
- 편성표 :
  - 2015년 버전 : http://localhost:5173/schedule/2015
  - 2009년 버전 : http://localhost:5173/schedule/2009

빌드

빌드결과 폴더 : 프로젝트폴더/dist

yarn run build

참고