-
SAP BTP - React Micro Frontend를 Luigi에 붙이기
임의의 데이터를 만들기 위해 /react-core-mf/src/assets 경로에 products.js 파일 생성 export const ProductCollection = [ { "id": 101, "name": "Mouse", "price": 45.0, "stock": 80, "icon": "product", "currencyCode": "EUR", "orderQuantity": 2, "description": "Wireless Gaming Mouse with Sensor" }, { "id": 102, "name": "Keyboard", "price": 50.0, "stock": 0, "icon": "product", "currencyCode": "EUR", "orderQuantity":...
-
SAP BTP - Luigi 프로젝트 만들기
프로젝트를 진행하기 위한 프로젝트 폴더를 만든다. 만든 폴더 하위로 폴더를 하나 더 만든다. 아래 링크로 들어가서 내용을 복사하여 package.json을 만든다. https://raw.githubusercontent.com/SAP/luigi/main/core/examples/luigi-example-react/package.json 추가 모듈 설치 npm install fundamental-styles @ui5/webcomponents-react --save npm install style-loader css-loader --save-dev 아래 링크로 들어가서 webpack.config.js도 만들어준다. https://raw.githubusercontent.com/SAP/luigi/main/core/examples/luigi-example-react/webpack.config.js 이후 디렉토리 구조를 만들어 준다. 아래 링크를 public/luigi-config.js 에 만들어준다....
-
SAP BTP - Luigi를 알아보자
Luigi란 무엇인가? Luigi란 micro frontends 기법을 위한 오픈 소스 Java framework다. 그렇다면 micro frontends란 무엇일까? micro frontends 애플리케이션을 작고 독립적인 여러개의 프론트엔드 모듈로 나누는 아키텍처 패턴이다. 여러개의 프론트엔드 모듈을 통해서 어플리케이션을 구성을 하는 패턴을 아키텍쳐 스타일이라고 할 수 있다. Luigi라는건 결국 어플리케이션을 만들 때 여러개의 프론트엔드 모듈로 나눠 독립적으로 개발할...
