BackOffice - MacOS, VSCode
- 1 기준환경(Environment)
- 2 ICE4 설치전 필수 설치
- 2.1 Install Git
- 2.2 Install Nodejs
- 2.3 Install Yarn
- 2.4 Install vscode
- 2.4.1 Option 1. Homebrew로 설치
- 2.4.2 Option 2. 공식홈페이지에서 설치
- 2.5 Gitlab 프로젝트 멤버 추가
- 2.5.1 Gitlab 가입
- 2.5.2 Gitlab 프로젝트 멤버추가
- 3 Backoffice 프로젝트 설정
- 4 Project 설정
- 4.1 npm 라이브러리 인스톨
- 4.2 로컬에서 webpack 모드로 실행(실시간으로 compile)
- 4.3 로컬에서 빌드
- 4.4 로컬에서 실행
- 5 페이지 접근 테스트
- 5.1 크롬 브라우저에서 URL 호출
기준환경(Environment)
System | MacOS Big sur 11.1 |
Node Version | 14.16.1 |
IDEA Version | Visual studio code |
Git Version | 2.15.0 |
ICE4 설치전 필수 설치
Install Git
참고: Git - MacOS
Install Nodejs
참고: Node - MacOS
Install Yarn
npm install --global yarn
Install vscode
Option 1. Homebrew로 설치
brew install visual-studio-code --cask
Option 2. 공식홈페이지에서 설치
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
Backoffice 프로젝트 설정
ICE4 Frontbuilder Source Code 다운로드
VS code에서 터미널 실행
Git Clone
git clone -b <브랜치명> http://dcsf-dev08.i-on.net/dxp/frontbuilder.git
예시) git clone -b project/DEMO http://dcsf-dev08.i-on.net/dxp/frontbuilder.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 사용 가능
페이지 접근 테스트
크롬 브라우저에서 URL 호출
http://local.i-on.net:3000/account/admin/SignIn
ID: system
Password: 1234
관리자 페이지 정상 로딩되면 Backend ↔︎ Backoffice 간 통신 테스트 완료