FrontOffice - MacOS, VSCode

 


기준환경(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

 

 


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 사용 가능




페이지 접근 테스트

크롬 브라우저에서 URL 호출

http://local.i-on.net:8000/bestshop/home