모던 웹을 위한 마이크로 프런트엔드 (실패하지 않는 대규모 애플리케이션을 위한 프런트엔드 아키텍처 설계와 구현 | 예제 코드 제공)

모던 웹을 위한 마이크로 프런트엔드 (실패하지 않는 대규모 애플리케이션을 위한 프런트엔드 아키텍처 설계와 구현 | 예제 코드 제공)

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

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

★ 이 책에서 다루는 내용 ★

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

플로리안라플

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

목차

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

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

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

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

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

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

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

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

▣07장:서버측구성
기술적인요구사항
서버측구성의기본
__아키텍처
__예제구현
__개선점
장단점
__Mosaic9소개
__포디움(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
__사전준비사항
__실행하기
__단계