Frontend

How to make my web application ready

Getting Started

Korean

1. 레포지터리를 클론합니다.
'git clone https://github.com/osamhack2020/Web_SpecialForces_SpecialWarrior'

2. 'cd Web_SpecialForces_SpecialWarrior'로 클론 된 레포지터리로 이동합니다.

3. 'cd backoffice'로 백오피스 디렉터리로 이동합니다.

4. 'npm install'로 `package.json`에 저장된 의존성을 설치합니다.

5. `vue.config.js`를 선호하는 에디터로 엽니다.

6. `outputDir` 변수를 원하는 출력 디렉토리로 변경합니다.

7. `publicPath` 변수를 원하는 서비스 경로로 변경합니다. 
예를 들어, 만약 "https://your_path.to.service/sf-backoffice" 경로에서 서비스 하고 싶다면
'/sf-backoffice' 로 변경합니다.

8. `store.js`를 열고, 8번째 행의 resourceHost를 API 주소로 지정합니다.

9. 'npm run build'로 빌드를 진행하고 완료를 기다립니다.

10. '6.' 의 `outputDir` 에 생성된 정적 페이지를 서비스할 서버에 복사합니다.

English

1. Clone git repository https://github.com/osamhack2020/Web_SpecialForces_SpecialWarrior 
'git clone https://github.com/osamhack2020/Web_SpecialForces_SpecialWarrior'

2. Change your directory to cloned repository
'cd Web_SpecialForces_SpecialWarrior'

3. Change your directory to backoffice directory 
'cd backoffice'

4. Install dependencies (automatically install dependencies from package.json)
'npm install' 

5. Open `vue.config.js` with your preferred editor 
and change `outputDir` to desired Directory from `vue.config.js`. 
The static page with HTML, CSS, JS packed with Webpack will be there after process.

6. Change publicPath to your desired path in where you want to service then save.
For example, if you want to service in 'https://your_path.to.service/sf-backoffice' 
then you might change it to '/sf-backoffice'

7. Open `store.js` and edit `resourceHost` from 8th row 
to your desired API Server address

8. Run build by 'npm run build' and wait.

9. The static webpage will be in your `outputDir` of `vue.config.js`

10. Copy it to your server you want to service.