FrontOffice - Windows10, VSCode
- 1 기준환경(Environment)
- 2 ICE4 설치전 필수 설치
- 2.1 Install Git
- 2.2 Install Nodejs
- 2.3 Install Yarn, Cross-env
- 2.4 Install vscode
- 2.4.1 공식홈페이지에서 설치
- 2.5 Gitlab 프로젝트 멤버 추가
- 2.5.1 Gitlab 가입
- 2.5.2 Gitlab 프로젝트 멤버추가
- 3 Frontoffice 프로젝트 설정
- 4 Project 설정
- 4.1 npm 라이브러리 인스톨
- 4.2 로컬에서 webpack 모드로 실행(실시간으로 compile)
- 4.3 로컬에서 빌드
- 4.4 로컬에서 실행
- 5 페이지 접근 테스트
- 5.1 크롬 브라우저에서 URL 호출
기준환경(Environment)
System | Windows10 Pro 2020 |
Node Version | 14.16.1 |
IDEA Version | Visual studio code 1.5.5 |
Git Version | 2.30.2 |
ICE4 설치전 필수 설치
Install Git
참고: Git - Windows10
Install Nodejs
참고: Node - Windows10
Install Yarn, Cross-env
npm install --global yarn cross-env
Install vscode
공식홈페이지에서 설치
Download and install - vscode
https://code.visualstudio.com/Download
Gitlab 프로젝트 멤버 추가
Gitlab 가입
ICE4 Gitlab 관리자에게 이메일로 초대 요청하여 가입
→ 관리자: DXP본부 박유라 대리(angela.park@i-on.net)
→ 장애문의, 신규 프로젝트 생성: DXP본부 이정아 차장(hannah@i-on.net)
Gitlab 프로젝트 멤버추가
Backend: http://dcsf-dev08.i-on.net/dxp/backendcore.git
BackOffice: http://dcsf-dev08.i-on.net/dxp/frontbuilder.git
FrontOffice: http://dcsf-dev08.i-on.net/dxp/basecamp.git
Frontoffice 프로젝트 설정
ICE4 Basecamp Source Code 다운로드
VS code에서 터미널 실행
Git Clone
git clone -b <브랜치명> http://dcsf-dev08.i-on.net/dxp/basecamp.git
예시) git clone -b project/DEMO http://dcsf-dev08.i-on.net/dxp/basecamp.git
Git 정보 입력: UserID, Password
Project 설정
npm 라이브러리 인스톨
yarn install
로컬에서 webpack 모드로 실행(실시간으로 compile)
yarn run loc
ICE4 backend 실행해야만 UI 사용 가능
로컬에서 빌드
yarn run build:loc
로컬에서 실행
yarn run start:loc
ICE4 backend 실행해야만 UI 사용 가능