국밥 개발자

Module Federation webpack5에 도입된 고급 모듈 통합 기능 서로 다른 애플리케이션이 런타임에 필요한 코드를 공유할 수 있게 해 준다. 각각의 애플리케이션들이 서로 독립적으로 개발되고 배포될 수 있다. 필요한 코드만 실시간으로 로드하기 때문에 애플리케이션의 성능을 최적화할 수 있다. https://webpack.kr/concepts/module-federation/ Module Federation 구성요소 Host 다른 애플리케이션(remote)으로부터 모듈을 로드하고 사용하는 주체이다. Remote Host에 로드될 수 있는 모듈을 제공한다. 독립적으로 배포 및 업데이트가 될 수 있다. Shared Host와 Remote 애플리케이션 간에 공유되는 의존성을 의미한다. 중복된 코드의 로..

모노레포 란? 하나의 레파지토리에서 여러 프로젝트, 모듈 또는 패키지를 관리하는 개발 방식 모든 소스 코드를 중앙화하여 관리하고 필요한 패키지를 공유하여 사용할 수어 코드의 재사용성과 개발의 협업을 용이하게 만든다. 모노레포 장점 중복 코드를 줄이고, 공통 모듈을 사용으로써 코드의 재사용서 높인다. 모든 서비스가 동일한 환경에서 작동하므로 일관성을 유지하고 호환성을 확보할 수 있다. 코드의 히스토리를 추적하기 쉽다. 다른 서비스를 수정 시 추가적인 배포 없이 테스트하고, 함께 빌드 배포를 할 수 있다. 모노레포 단점 레파지토리가 크기가 무거워질 수 있다. 여러 서비스와 모듈을 포함하여 레퍼지토리의 복잡성을 증가시킬 수 있다. 권한 관리와 보안 설정이 중요하다. 모노레포 경험하면서 느낀 점 아쉬웠던 점 다..

마이크로 프론트엔드 특징 독립적으로 제공 가능한 프론트엔드 애플리케이션이 더 큰 전체로 구성되는 아키텍처 스타일 전통적인 모놀리식 웹 애플리케이션 아키텍처를 보완하기 위해 사용되는 개발 패턴 애플리케이션을 작은 독립적인 서브 애플리케이션으로 분할하고, 서브 애플리케이션을 모아 하나의 애플리케이션으로 구성하는 방법 독립된 기술 스택을 가지며, 개발, 테스트 및 배포가 독립적으로 이루어질 수 있다. 서로 다른 애플리케이션에 느슨하게 결합되어, 하나의 애플리케이션에서 변경을 할 때 다른 부분에 미치는 영향을 최소화한다. 큰 규모의 애플리케이션을 더 쉽게 관리하고 확장할 수 있다. 장점 덜 복잡하고, 적은 양의 코드를 관리하여 코드의 품질을 높일 수 있다. 배포의 범위가 줄어들어 빌드 및 배포 시간이 줄고, 장..