FrontOffice - Windows10, IntelliJ
- 1 기준환경(Environment)
- 2 ICE4 설치전 필수 설치
- 2.1 Install Git
- 2.2 Install Nodejs
- 2.3 Install Yarn, Cross-env
- 2.4 Install IntelliJ IDEA
- 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 | IntelliJ IDEA 2020.2(Ultimate Edition) |
Git Version | 2.30.2 |
ICE4 설치전 필수 설치
Install Git
참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1311735873
Install Nodejs
참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1727070726
Install Yarn, Cross-env
npm install --global yarn cross-env
Install IntelliJ IDEA
공식홈페이지에서 설치
Download - IntelliJ IDEA Ultimate
Url: https://www.jetbrains.com/idea/download/
Install - IntelliJ IDEA Ultimate
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 다운로드
Git Clone
IntelliJ를 실행하여 Get Version Control 실행
Git 정보 입력: URL, UserID, Password → Clone
URL: http://dcsf-dev08.i-on.net/dxp/basecamp.git
Username(id or email) & Password 입력
Git Checkout
IntelliJ 오른쪽 하단 branch명(master 혹은 develop) 클릭
프로젝트명(예시: proejct/DEMO) → Checkout 클릭
Project 설정
npm 라이브러리 인스톨
yarn install
로컬에서 webpack 모드로 실행(실시간으로 compile)
yarn run loc
ICE4 backend 실행해야만 UI 사용 가능
로컬에서 빌드
yarn run build:loc
로컬에서 실행
yarn run start:loc
ICE4 backend 실행해야만 UI 사용 가능
페이지 접근 테스트
크롬 브라우저에서 URL 호출
http://local.i-on.net:8000/{project}/home