inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Thiết kế hệ thống Frontend thực chiến tại Big Tech Mỹ: Dành cho lập trình viên Frontend không muốn chỉ là người thực thi đơn thuần.

Kiến trúc Micro Frontends (MFE) dành cho tổ chức quy mô lớn - Phần 2

추가 강의 있으면 좋겠어요.

Đã giải quyết

92

Ref

8 câu hỏi đã được viết

0

먼저 좋은 강의 감사합니다.

Monolith와 Modular 까지는 코드나 폴더구조들이 대충 상상이 가는데

MFE 1 강의를 들었을때 필요성이나 고려사항 등등 이론적으로 이해를 했으나 강의 2에서 remote나 shell 은 설명만으로 어떤식으로 프로젝트가 세팅되는지 이해가 잘안되네요.

정말 간단하게 코드 구현하는 강의 추가해주시면 안될까요

frontend 시스템-디자인 인공지능(ai)

Câu trả lời 2

0

americasnail

안녕하세요. Ref 님,

좋은 의견 감사합니다.

맞습니다. MFE는 개념적으로는 shell, remote, host, module federation을 설명해도 실제 프로젝트 구조를 한 번 보지 않으면 감이 잘 안 잡힐 수 있습니다.


좋은 피드백 감사합니다. 간단한 프로젝트 세팅과 코드 흐름을 추가해서 보강하는 방향으로 업데이트 진행하되,

그래서 간단한 코드 기반 보강 강의를 추가하는 방향으로 준비하겠습니다.

(현재 섹션3 가 제작 진행중이기 때문에 후순위로 업데이트 될 예정입니다)

감사합니다

좋은 하루 되세요!

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. Ref님.

먼저 강의를 흥미롭게 수강해 주셔서 감사합니다. 현재 수강하시는 과정에서 Monolith와 Modular까지의 개념은 파악하셨지만, MFE(Micro Frontend) 1 강의에서 실제 프로젝트 세팅에 대한 구체적인 구현 방법들을 어려움이 있으신 것 같습니다.

MFE는 단일 애플리케이션을 여러 독립적인 기능 모듈로 쪼개어, 각 팀이 서로 독립적이고 병렬적으로 개발할 수 있도록 해 주는 방법입니다. 이와 관련하여 프로젝트 세팅을 위한 다음과 같은 단계적 지침을 제안해 드릴 수 있습니다:

  1. 기본 개념 이해: MFE의 이론적 필요성과 고려사항을 충분히 이해하는 것이 중요합니다. 이 지식은 나중에 코드를 구현하고 실제로 프로젝트를 세팅하는 데 기초가 됩니다.

  2. 프로젝트 초기 설정: MFE를 구현하기 위해 초기 프로젝트 설정을 시작합니다. 이러한 설정에는 Webpack 같은 모듈 번들러를 사용하여 각 모듈을 독립적으로 로드할 수 있도록 설정하는 것이 포함됩니다.

  3. 실제 코드 구현: 각 MFE 모듈을 코딩하여 독립적인 기능을 수행하도록 합니다. 이를 위해 각 모듈이 독립적으로 개발되고 배포될 수 있는 구조를 갖추도록 합니다.

  4. 통합 및 테스트: 모든 개별 모듈을 통합하여 전체 애플리케이션으로 실행하고, 통합 테스트를 통해 모듈 간 연계성이 잘 이루어지는지 확인합니다.

추가적인 가이드나 코드 샘플이 필요하신 경우, 강사님께 이러한 내용을 포함한 추가 강의를 요청해보시는 것도 좋은 방법일 것입니다.

관련 고민 및 해결사례 보기

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

MVP PRD를 Sonet5.0에서 AUTO모드로 만들었어요 결과가 맞는건지 모르겠습니다 조언부탁드립니다..

0

4

1

Skill 구축-도구만들기에 들어가는 기본 양식 어디서 받을수 있나요?

0

8

2

mcp 서버 설치

0

4

1

실습용 자료 링크 어디서 보나요

0

7

0

알려주세요.

0

6

0

클로드 코드

0

12

2

안티그래비티 한글변환

0

12

3

Context engineering?

0

11

1

36~37강

0

13

1

강의자료를 부탁드립니다.

0

8

1

code craft 자료?

0

6

1

gws 인증(프로필을 LINUX에서 실행? vs docker에서 실행?)

0

14

1

sdd를 개인용도로 만들고 싶은데요

0

20

2

해당 강의 영상이 안나옵니다.

0

23

2

단테랩스 수강생전용관 코드

0

22

1

프롬프트의 영문 버전을 만들 때, 출력 규칙에 포함된 한글 부분은 영어로 번역하지 않고 그대로 유지하면서, 영문 편과 한글 편을 한 번에 함께 출력하려면 어떤 워크플로우로 구성하면 좋을까요?

0

9

0

직원명을 한국어로 할 수 는 없을까요?

0

16

1

새로운 sophie manifest.json 내용이 궁금합니다.

0

17

2

cursor mcp 사용

0

21

2

현재 미니케이스 자동완성 검색창 설계1 강의를 보고있습니다.

-1

70

2

강의에서 사용하시는 그림판? 이거 이름이뭘까요?

0

63

2

섹션3에 대한 문의사항

0

100

2

Design a Toast Notification System 미션 관련 질문드립니다.

1

100

1

강의자료가 누락됐어요

0

138

2