개발9 모듈 페더레이션(Module Federation) 이해하기 모듈 페더레이션(Module Federation)이란? 모듈 페더레이션은 여러 개의 독립적인 애플리케이션이 런타임에서 서로의 코드를 동적으로 공유하고 실행할 수 있게 해주는 아키텍처→ 레고 블록에 비유해서 필요한 모듈을 조립하여 사용한다고 표현 기존 마이크로프론트엔드 접근 방식들과의 비교특징Module Federation기존 마이크로프론트엔드상호작용Remote 및 Host 간에 런타임 의존성을 동적으로 로드하고, 즉시 호출 및 상태 공유가 가능.상태와 데이터를 공유하려면 명시적 API 또는 전역 이벤트 버스를 사용하는 등 추가적인 설계가 필요함.구성 가능성런타임에 필요한 모듈만 불러오는 방식으로 동적 구성 가능.대부분 정적인 구성이며 빌드 타임에 모든 애플리케이션이 이미 정의됨.독립성모듈 간 적절히 의존.. 2025. 1. 26. 2024년 회고. 끊임없이 달려왔지만, 아직은 채워나가야 할 것이 많은 도전의 해 회고를 처음 작성해 보기도 하고, 1년을 돌이켜보면 너무 아쉬운 내용들만 많아서배우고 느낀 점들 내년엔 아쉽지 않도록 내용들을 간략하게 적어보려고 합니다. 끊임없이 달려온 2024년, 돌이켜보면 이 해는 저에게 깊이 있는 변화의 시작이었습니다. 전문가로서의 성장과 도전, 그리고 개인적인 시련이 공존했던 한 해였죠. 업무적으로는 2개의 애플리케이션과 3개의 웹 서비스를 개발하고 출시하며 양적인 성과를 이뤄냈습니다. 하지만 그 이면에는 건강 문제와 전문성에 대한 고민이 자리하고 있었습니다. 2024년을 관통하는 세 가지 키워드를 꼽자면 '전문성(Professional Growth)', '건강(Health)', 그리고 '몰입(Flow)'입니다. .. 2024. 12. 29. 2&3 주차 WIL Chapter 1-2. 프레임워크 없이 SPA 만들기 Part 2Chapter 1-3. React, Beyond the Basics 1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제)Q. 이번 주차를 지나며 겪었던 문제가 무엇이었나요? A. Virtual DOM개념에 대한 이해는 어느 정도 있었지만, 이를 직접 구현해보는 과정에서 어려움을 겪었습니다. 이론적으로는 알고 있었던 Virtual DOM이 실제로 어떻게 렌더링 성능을 개선하는지, 그리고 효율적인 상태 관리를 통해 DOM 업데이트를 최소화하는 것이 중요하다는 것은 알았지만, 이를 직접 코딩으로 풀어내는 것은 예상보다 복잡했습니다. 또한, Vue.js에 익숙한 상태에서 React의 기본적인 사용에 적응하는 데도 어려움이 있었습니다. .. 2024. 10. 16. 1주차 WIL Chapter 1-1. 프레임워크 없이 SPA 만들기 1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제) Q. 이번 주차를 지나며 겪었던 문제가 무엇이었나요? A. 이번 주차에 프론트엔드 개발을 공부하면서, 프레임워크 없는 프론트엔드 개발이라는 도서를 읽고 학습했음에도 불구하고, 여전히 모든 것이 처음인 것처럼 느껴졌습니다. 단순히 책을 읽고 이해하는 것만으로는 부족하다는 걸 깨달았고, 작은 예제라도 직접 만들어보면서 제대로 이해하는 과정이 중요하다는 생각을 하게 된 한 주였습니다. 과제를 진행하며 겪었던 주요 문제는 history API에 대한 기본적인 이해가 부족했다는 점과, EventListener를 능숙하게 다루지 못했다는 점입니다... 2024. 9. 28. JS (Promise) 추후 add 2022. 10. 24. JS (Object) 2022. 10. 22. 저장 프로시저 , 테이블 등 TEXT 검색 특정 테이블에 대해 어떤 프로시저가 테이블을 보는지 필요한 경우가 자주 생긴다. 아래 내용으로 테이블 , 프로시저 , 뷰 등등 필요한 부분을 찾아가면 코드를 역으로 추적해 경우보다 빠르게 검색이 가능하다. Select Distinct a.name, a.xtype From sysobjects As a Left Join syscomments As b On a.id = b.id Where a.xtype IN ('P') And b.text LIKE '%검색Text %' XTYPE 종류 ( 개인적으로 많이 사용하는 Type 표시 ) AF = 집계 함수(CLR) C = CHECK 제약 조건 D = DEFAULT(제약 조건 또는 독립 실행형) F = FOREIGN KEY 제약 조건 FN = SQL 스칼라 함수 FS .. 2022. 2. 7. JS (arrow function) (ES6) 자주 사용은 하지만, 한번도 구조에 대해서 고민해본적이 없는거같아서, 해당 내역을 정리해 두기로. 2021. 7. 4. JS 모듈 modules (ES6) Vue를 최근에 학습하는 중에 import , export 키워드가 많이 보였고 ES6문법이라 그런가... 조금 생소한 느낌이 많이 들어서 해당 내용을 간략하게 정리해보고자 합니다. 2021. 6. 13. 이전 1 다음