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

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



도서명 : 모던 웹을 위한 마이크로 프런트엔드
저자/출판사 : 플로리안,라플,저자,글,박성규,김정동,김창준,번역, 위키북스
쪽수 : 360쪽
출판일 : 2023-03-24
ISBN : 9791158394080
정가 : 28000

[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
__사전 준비 사항
__실행하기
__단계