본문 바로가기

추천 검색어

실시간 인기 검색어

모던 웹을 위한 마이크로 프런트엔드

실패하지 않는 대규모 애플리케이션을 위한 프런트엔드 아키텍처 설계와 구현 | 예제 코드 제공
위키북스 오픈소스 & 웹 시리즈 106
플로리안 라플 저자(글) · 박성규 , 김정동 , 김창준 번역
위키북스 · 2023년 03월 24일
10.0
10점 중 10점
(1개의 리뷰)
집중돼요 (100%의 구매자)
  • 모던 웹을 위한 마이크로 프런트엔드 대표 이미지
    모던 웹을 위한 마이크로 프런트엔드 대표 이미지
  • A4
    사이즈 비교
    210x297
    모던 웹을 위한 마이크로 프런트엔드 사이즈 비교 174x235
    단위 : mm
01 / 02
MD의 선택 무료배송 소득공제
10% 25,200 28,000
적립/혜택
1,400P

기본적립

5% 적립 1,400P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 1,400P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서 포함 15,000원 이상 구매 시 무료배송
도서+사은품 또는 도서+사은품+교보Only(교보굿즈)

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
당일배송 오늘(2/14,금) 도착
기본배송지 기준
배송일자 기준 안내
로그인 : 회원정보에 등록된 기본배송지
로그아웃 : '서울시 종로구 종로1' 주소 기준
로그인정확한 배송 안내를 받아보세요!

이달의 꽃과 함께 책을 받아보세요!

1권 구매 시 결제 단계에서 적용 가능합니다.

알림 신청하시면 원하시는 정보를
받아 보실 수 있습니다.

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

모던 웹을 위한 마이크로 프런트엔드 상세 이미지
마이크로 프런트엔드 아키텍처로 복잡성을 해결하고 단일 장애 지점을 제거하자!
마이크로 프런트엔드는 소프트웨어 개발의 마이크로서비스 개념에서 차용한 프런트엔드 개발을 위한 웹 아키텍처로, 프런트엔드의 복잡성과 단일 장애 지점을 피하기 위해 프런트엔드의 각 모듈을 독립적으로 개발하고 출시한다.

이 책은 따라 하기 쉬운 가이드 형식으로 실습 튜토리얼, 프로젝트 및 자가 평가 질문으로 구성돼 있으며, 마이크로 프런트엔드 솔루션을 구현하는 데 사용할 수 있는 패턴을 안내한다. 마이크로 프런트엔드 일반, 다양한 아키텍처 스타일과 사용 영역, 마이크로 프런트엔드로의 변경에 대비하여 팀을 준비하는 방법, 확장성을 위해 UI 디자인을 조정하는 방법 등을 배울 수 있으며, 마이크로 프런트엔드 아키텍처의 가장 단순한 변형부터 시작하여 정적 접근 방식에서 더 빠른 릴리스 주기로 확장성을 극대화할 수 있는 완전 동적 솔루션까지 다룬다. 마지막 장에서는 마이크로 프런트엔드와 관련된 다양한 사례 연구를 통해 얻은 지식을 강화할 수 있다.

★ 이 책에서 다루는 내용 ★

◎ 올바른 마이크로 프런트엔드 아키텍처를 선택하는 방법
◎ 컴포지션 UI를 위한 화면 디자인
◎ 마이크로 프런트엔드 솔루션을 위한 뛰어난 개발자 경험 만들기
◎ 마이크로 프런트엔드로 향상된 사용자 경험 달성
◎ 분산된 프런트엔드 관리를 위한 거버넌스 및 경계 검사 도입
◎ 처음부터 또는 기존 모놀리스를 마이그레이션하여 확장 가능한 모듈식 웹 애플리케이션 구축

작가정보

저자(글) 플로리안 라플

(Florian Rappl)
플로리안 라플은 디지털 전환(digital transformation) 및 사물인터넷(IoT) 분야의 분산 웹 애플리케이션을 연구하는 솔루션 아키텍트다. 플로리안의 주된 관심사는 마이크로 프런트엔드를 구현하거나 마이크로 프런트엔드가 사업 모델에 미치는 영향을 파악하는 것이다. 그는 이 분야에서 지난 수년간 여러 팀을 이끌며 프로젝트를 성공시켰다. 라플은 수석 아키텍트로서 많은 업계 선두 기업이 뛰어난 웹 애플리케이션을 구축하는 것을 도왔다. 정기적으로 소프트웨어 디자인 패턴과 웹 개발에 대한 강의도 한다. 수년간 세운 업적으로 여러 상을 받았으며, 개발 기술 분야에서 마이크로소프트 MVP로 활동한다. 그는 소프트웨어 공학 분야에서 경력을 시작했으며 물리학을 전공하고 에너지 효율이 높은 슈퍼컴퓨터를 만드는 일에 참여했다. 현재 독일 뮌헨에서 아내와 두 딸과 함께 살고 있다.

번역 박성규

AWS 코리아에서 기술 강사로 일하다가 현재는 디지털 광고 솔루션 스타트업에서 풀스택 개발자로 일하고 있다.

번역 김정동

AWS 코리아에서 솔루션 아키텍트로 일했다. 지금은 웹3.0 관련 스타트업을 운영하는 개발자이자 대표다.

번역 김창준

현재 AWS 코리아에서 솔루션 아키텍트로 일하고 있다.

목차

  • [01부] 프런트엔드 모듈화 도입

    ▣ 01장: 왜 마이크로 프런트엔드인가?
    웹 애플리케이션의 발전
    __웹 프로그래밍
    __소셜 웹
    __프런트엔드와 백엔드의 분리
    마이크로서비스
    __SOA와 마이크로서비스
    __마이크로서비스의 장점
    __마이크로서비스의 단점
    __‘마이크로’와 ‘프런트엔드’
    웹 표준의 부상
    __웹 컴포넌트를 통한 격리
    __프레임 통신
    __웹 워커와 프락시
    출시 기간 단축
    __조직 적응 시간 단축
    __여러 개의 팀
    __피처 격리
    __A/B 테스팅
    요약

    ▣ 02장: 일반적인 도전과 함정
    성능
    __리소스 캐싱
    __번들 크기
    __요청 최적화
    보안
    __중앙 사용자 관리
    __개별 사용자 관리
    __스크립트 실행
    지식 공유
    신뢰성
    사용자 경험
    __워딩
    __패턴 라이브러리
    요약

    ▣ 03장: 배포 시나리오
    중앙 집중식 배포
    __모노리포를 사용
    __여러 저장소를 결합
    분산 배포
    __모노리포 사용하기
    __전용 파이프라인 사용하기
    하이브리드 솔루션
    __예약된 릴리스
    __변경사항에 대한 트리거
    요약

    ▣ 04장: 도메인 분해
    도메인 주도 설계의 원칙
    __모듈
    __바운디드 콘텍스트
    __콘텍스트 맵
    __전략적 도메인 설계 대 전술적 설계
    관심사 분리(SoC)
    __기술적 분할
    __기능적 분할
    __분할 예제
    아키텍처 경계
    __공유된 기능
    __적절한 자유도 선택하기
    __DOM 접근하기
    __마이크로 프런트엔드의 범용성
    요약

    [02부] 마이크로 프런트엔드 아키텍처 구현

    ▣ 05장: 마이크로 프런트엔드 아키텍처의 종류
    기술적인 요구 사항
    마이크로 프런트엔드의 환경
    정적 vs. 동적
    수평적 구성 vs. 수직적 구성
    백엔드 중심 vs. 프런트엔드 중심
    요약

    ▣ 06장: 웹 접근 방식
    기술적인 요구 사항
    웹 접근 방식의 기본
    __아키텍처
    __예제 구현
    __개선점
    장단점
    링크
    __중앙 연결 디렉터리
    __로컬 연결 디렉터리
    iframe 태그
    __보안
    __접근성
    __레이아웃
    요약

    ▣ 07장: 서버 측 구성
    기술적인 요구 사항
    서버 측 구성의 기본
    __아키텍처
    __예제 구현
    __개선점
    장단점
    __Mosaic 9 소개
    __포디움(Podium) 소개
    __유명한 사용 사례
    구성 레이아웃 만들기
    __레이아웃의 이해
    __SSI 사용
    __ESI 사용하기
    __JS 템플릿 문자열 사용하기
    마이크로 프런트엔드 프로젝트 설정하기
    __포들릿(Podlet)
    __수명 주기 검토하기
    요약

    ▣ 08장: 에지 측 구성
    기술적인 요구 사항
    에지 측 구성의 기초
    __아키텍처
    __예제 구현
    __개선점
    장단점
    SSI와 ESI
    __SSI
    __ESI
    BFF 결합하기
    요약

    ▣ 09장: 클라이언트 측 구성
    기술적인 요구 사항
    클라이언트 측 구성의 기본
    __아키텍처
    __예제 구현
    __개선점
    장단점
    웹 컴포넌트 살펴보기
    __웹 컴포넌트의 이해
    __섀도 DOM으로 스타일 격리하기
    동적으로 마이크로 프런트엔드 구성
    __마이크로 프런트엔드 레지스트리를 사용
    __런타임에 마이크로 프런트엔드 업데이트하기
    요약

    ▣ 10장: SPA 구성
    기술적인 요구 사항
    SPA 구성의 기본 사항
    __아키텍처
    __예제 구현
    __개선점
    장단점
    핵심 SPA 셸 구축하기
    __페이지 활성화
    __의존성 공유
    SPA 마이크로 프런트엔드 통합하기
    __수명 주기 선언
    __프레임워크 간 컴포넌트 사용
    통신 패턴
    __이벤트 교환
    __데이터 공유하기
    __컴포넌트 확장하기
    요약

    ▣ 11장: 사이트리스 UI
    기술적인 요구 사항
    사이트리스 UI의 기본
    __아키텍처
    __예제 구현
    __개선점
    장단점
    서버리스와의 비교
    __로컬에서 개발
    __모듈 배포
    파이럴(Piral)로 런타임 만들기
    __파이럴로 런타임 빌드
    __파이럴로 런타임 배포
    모듈 작성
    __파일렛의 수명 주기
    __프레임워크에 국한되지 않는 컴포넌트 구현
    요약

    [03부] 조직 키워가기

    ▣ 12장: 팀과 이해 관계자
    고위급 이해관계자와의 소통
    __기대치 관리
    __요약 보고서 작성
    프로덕트 오너 및 운영 위원회 다루기
    팀 구성
    __가능한 팀 구성 이해하기
    __팀 조직 변경하기
    요약

    ▣ 13장: 의존성 관리, 거버넌스, 보안
    전부 공유하거나 아예 공유하지 않기
    변경 관리를 어떻게 하는가?
    거버넌스 모델 수립하기
    마이크로 프런트엔드 샌드박싱하기
    일반적인 보안 문제와 개선 사항
    요약

    ▣ 14장: UX와 화면 디자인에 미치는 영향
    확장성
    폴백
    디자인을 효율적으로 공유하기
    디자이너 없이 디자인하기
    요약

    ▣ 15장: 개발자 경험
    최소한의 개발자 경험 제공
    __표준 IDE 지원
    __스캐폴딩 경험 개선
    멋진 개발자 경험 구축
    __코드 문서 중앙 집중화
    __동영상으로 문서화
    __코드 분석 지원
    __테스트 가능성 높이기
    최고의 개발자 경험 달성
    __오류 코드 통합
    __오프라인 우선 개발 환경 제공
    __브라우저 확장 프로그램을 통한 커스터마이징
    __개발자 포털 구현하기
    요약

    ▣ 16장: 사례 연구
    대고객 포털 솔루션
    __문제 설명
    __팀 구성
    __솔루션
    __효과
    관리 포털 솔루션
    __문제 설명
    __팀 구성
    __솔루션
    __효과
    의료 정보 관리 솔루션
    __문제 설명
    __팀 구성
    __솔루션
    __효과
    요약
    맺음말

    ▣ [부록] 예제 실습 안내
    05-pipeline
    __사전 준비 사항
    __실행하기
    __단계
    05-server-discover
    __사전 준비 사항
    __실행하기
    __단계
    06-web-approach
    __사전 준비 사항
    __실행하기
    __단계
    07-gateway
    __사전 준비 사항
    __실행
    __단계
    07-red
    __사전 준비 사항
    __실행
    __단계
    07-blue
    __사전 준비 사항
    __실행
    __단계
    07-green
    __사전 준비 사항
    __실행
    __단계
    08-edge-side-composition
    __사전 준비 사항
    __실행
    __단계
    09-client-side-composition
    __사전 준비 사항
    __실행하기
    __단계
    10-spa-composition
    __사전 준비 사항
    __실행하기
    __단계
    11-service-feed
    __사전 준비 사항
    __실행하기
    __단계
    11-app-shell
    __사전 준비 사항
    __실행하기
    __단계
    11-frontend-balance
    __사전 준비 사항
    __실행하기
    __단계
    11-frontend-settings
    __사전 준비 사항
    __실행하기
    __단계
    11-frontend-tax
    __사전 준비 사항
    __실행하기
    __단계

기본정보

상품정보 테이블로 ISBN, 발행(출시)일자 , 쪽수, 크기, 총권수, 시리즈명, 원서(번역서)명/저자명을(를) 나타낸 표입니다.
ISBN 9791158394080
발행(출시)일자 2023년 03월 24일
쪽수 360쪽
크기
174 * 235 * 25 mm / 878 g
총권수 1권
시리즈명
위키북스 오픈소스 & 웹 시리즈
원서(번역서)명/저자명 The Art of Micro Frontends/Florian Rappl

Klover

구매 후 리뷰 작성 시, e교환권 200원 적립

10점 중 10점
/집중돼요
진짜 아직 어렵지만 도움돼요~

문장수집 (0)

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
판매가 5,000원 미만 상품의 경우 리워드 지급 대상에서 제외됩니다. (2024년 9월 30일부터 적용)

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요.

교환/반품/품절 안내

  • 반품/교환방법

    마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환 신청, [1:1 상담 > 반품/교환/환불] 또는 고객센터 (1544-1900)
    * 오픈마켓, 해외배송 주문, 기프트 주문시 [1:1 상담>반품/교환/환불] 또는 고객센터 (1544-1900)
  • 반품/교환가능 기간

    변심반품의 경우 수령 후 7일 이내,
    상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
  • 반품/교환비용

    변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
  • 반품/교환 불가 사유

    1) 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
    2) 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
    3) 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
    4) 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
    5) 디지털 컨텐츠인 ebook, 오디오북 등을 1회이상 ‘다운로드’를 받았거나 '바로보기'로 열람한 경우
    6) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    7) 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    8) 세트상품 일부만 반품 불가 (필요시 세트상품 반품 후 낱권 재구매)
    9) 기타 반품 불가 품목 - 잡지, 테이프, 대학입시자료, 사진집, 방통대 교재, 교과서, 만화, 미디어전품목, 악보집, 정부간행물, 지도, 각종 수험서, 적성검사자료, 성경, 사전, 법령집, 지류, 필기구류, 시즌상품, 개봉한 상품 등
  • 상품 품절

    공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
  • 소비자 피해보상 환불 지연에 따른 배상

    1) 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁 해결 기준 (공정거래위원회 고시)에 준하여 처리됨
    2) 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

용선생 추론독해 초등 국어 3단계
이벤트
  • 단말기_이규태에디션
  • EBS 겨울방학 특집 쿠폰이벤트
01 / 02
TOP