FrontOffice - MacOS, IntelliJ

 


기준환경(Environment)

System

MacOS Big sur 11.1

Node Version

14.16.1

IDEA Version

IntelliJ IDEA 2020.2(Ultimate Edition)

Git Version

2.15.0

 


ICE4 설치전 필수 설치

Install Git

참고: Git - MacOS

Install Nodejs

참고: Node - MacOS

Install Yarn

npm install --global yarn

Install IntelliJ IDEA

Option 1. Hombrew로 설치

brew install intellij-idea --cask

Option 2. 공식홈페이지에서 설치

Download IntelliJ IDEA Ultimate

https://www.jetbrains.com/idea/download/

Install IntelliJ IDEA Ultimate

Move into Applications

 

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/bestshop/home