크레마클럽

옮긴이 머리말 x베타리더 후기 xii머리말 xivCHAPTER 1 시작하며 1CHAPTER 2 소프트웨어 복잡성 관리하기 62.1 복잡성 설명하기 82.2 복잡성의 근본 원인 파악하기 92.3 소프트웨어 설계 철학 112.4 타르 웅덩이 밖으로 122.5 단순함이 쉬움을 만든다 132.6 은탄환은 없다 142.7 시스템 디자인과 아키텍처 복잡성의 비용 152.8 팀은 어떻게 복잡성을 관리할 수 있는가? 172.9 최고의 해결책은 단순하지만 간단하지 않다 182.10 때때로 (필수적인) 복잡성은 다른 어딘가에는 살아남아야 한다 192.11 복잡성을 관리하는 데 지속되는 어려움은 무엇인가? 202.12 결론 212.13 더 읽을 거리 21CHAPTER 3 모듈성 233.1 자바스크립트에서의 모듈 243.2 지연 로딩 323.3 코드 분할 373.4 정리 41CHAPTER 4 성능 424.1 브라우저는 어떻게 작동하는가? 434.2 자바스크립트에서의 비용 이해하기와 줄이기 474.3 상호작용 최적화 504.4 네트워킹 504.5 서드파티 의존성의 영향 줄이기 514.6 렌더링 패턴 544.7 인지된 성능 최적화하기 554.8 성능 최적화 자료 584.9 성능 문화 61CHAPTER 5 디자인 시스템 635.1 코딩 스타일 가이드 645.2 디자인 토큰 665.3 컴포넌트 라이브러리 715.4 접근성 745.5 성능 765.6 문서화 775.7 케이스 스터디 785.8 정리 82CHAPTER 6 데이터 가져오기 836.1 브라우저 API와 간단한 HTTP 클라이언트 836.2 보다 세련된 데이터 가져오기 라이브러리 856.3 캐시 업데이트하기 926.4 효율적인 데이터 가져오기를 위한 팁 100CHAPTER 7 상태 관리 1067.1 컴포넌트 간 데이터 관리하기 1077.2 prop 내려보내기 1107.3 단순한 상태 관리 1137.4 상태 관리 전용 라이브러리 1157.5 마지막 고려 사항 120CHAPTER 8 국제화 1228.1 코드에서 텍스트와 콘텐츠를 분리하라 1238.2 서드파티 지역화 라이브러리를 활용하라 1258.3 동적 로딩 1308.4 여러 언어에서의 복수형 처리하기 1328.5 날짜, 시간, 숫자 형식 나타내기 1348.6 오른쪽에서 왼쪽으로 쓰는 언어를 고려하라 1388.7 정리 145CHAPTER 9 코드 조직화하기 1469.1 폴더와 파일 구조 1479.2 명명 규칙 1509.3 배럴 익스포트 1519.4 그 밖의 다른 좋은 프랙티스들 1529.5 정리 157CHAPTER 10 개인화와 A/B 테스팅 15810.1 개인화 15910.2 A/B 테스팅 16110.3 기능 플래그 16810.4 정리 172CHAPTER 11 확장 가능한 웹 아키텍처 17311.1 확장성 17311.2 확장 가능한 애플리케이션의 특성 17811.3 쿠버네티스와 도커는 어디에 적합한가? 17911.4 Vercel과 Netlify 같은 기술은 어디에 적합한가? 18211.5 정리 184CHAPTER 12 테스팅 18512.1 단위 테스트 18612.2 엔드-투-엔드 테스트 19112.3 통합 테스트 20012.4 스냅숏 테스트 20312.5 애플리케이션을 어떻게 테스트해야 하는가? 207CHAPTER 13 툴링 21213.1 버전 관리: 깃 21213.2 지속적 통합 21513.3 번들러 21613.4 린팅 21813.5 로깅과 성능 모니터링 21913.6 정리 221CHAPTER 14 기술적 마이그레이션 22214.1 다양한 마이그레이션 전략 22314.2 마이그레이션 전략 22514.3 코드모드 22614.4 생성형 AI의 역할 231CHAPTER 15 타입스크립트 23515.1 타입 안전성 23515.2 빌드 도구와 타입스크립트 23815.3 구성과 린팅 23815.4 리액트 + 타입스크립트 24215.5 선언 파일들 26115.6 API 결과에 타입 자동 생성 26315.7 기존 리액트 애플리케이션을 타입스크립트로 마이그레이션하기 270CHAPTER 16 라우팅 27416.1 사용자에게 라우팅이 중요한 이유는 무엇인가? 27416.2 리액트의 라우팅 설루션 27916.3 정리 290CHAPTER 17 사용자 중심 API 디자인 29217.1 일관성 29417.2 에러 핸들링 30017.3 문서화 30317.4 버저닝 30517.5 보안 30917.6 이해관계자 참여 31517.7 최종 고려 사항 31617.8 더 읽을 거리 317CHAPTER 18 리액트의 미래 31818.1 무엇이 달라지는가? 31918.2 새로운 훅과 API 31918.3 리액트 컴파일러 33318.4 리액트 서버 컴포넌트 34318.5 더 읽을 거리 357CHAPTER 19 맺음말 358찾아보기 364

펼쳐보기접어보기

상세 이미지

저자 소개 (3명)

저 : 애디 오스마니 (Addy Osmani)

관심작가 알림신청

★ 구글에서 ‘웹 성능 × AI 워크플로’의 기준을 세우는 엔지니어링 리더 구글의 시니어 엔지니어링 리더로 개발자 경험(DX), 업무 효율화, 인공지능 기반 소프트웨어 개발 툴을 담당하고 있습니다. 25년이 넘는 업계 경력을 바탕으로 웹 기술 분야에서 전문성을 쌓았으며, 소프트웨어 엔지니어링 모범 사례에 관한 다수의 저서를 집필하는 등 뛰어난 성과를 이뤘습니다. 인공지능 기반 개발 툴 분야에서 광범위한 경험을 쌓으며 커서, 클라인, 코파일럿, 볼트, v0, 러버블, 클로드 코드 등 새로운 플랫폼의 테스트와 평가 작업을 수행했습니다. AI 보조 소프트웨어 개발 관련 글로 수... ★ 구글에서 ‘웹 성능 × AI 워크플로’의 기준을 세우는 엔지니어링 리더
구글의 시니어 엔지니어링 리더로 개발자 경험(DX), 업무 효율화, 인공지능 기반 소프트웨어 개발 툴을 담당하고 있습니다. 25년이 넘는 업계 경력을 바탕으로 웹 기술 분야에서 전문성을 쌓았으며, 소프트웨어 엔지니어링 모범 사례에 관한 다수의 저서를 집필하는 등 뛰어난 성과를 이뤘습니다.

인공지능 기반 개발 툴 분야에서 광범위한 경험을 쌓으며 커서, 클라인, 코파일럿, 볼트, v0, 러버블, 클로드 코드 등 새로운 플랫폼의 테스트와 평가 작업을 수행했습니다. AI 보조 소프트웨어 개발 관련 글로 수천 명의 개발자에게 영향을 미쳤으며, 구글 크롬에서 리더십을 발휘하며 웹 성능과 AI 보조 개발자 워크플로의 미래를 설계하는 데 기여했습니다.

펼쳐보기접어보기

저 : 하산 지르데 (Hassan Djirdeh)

관심작가 알림신청

다양한 웹 기술/프레임워크에 능숙한 소프트웨어 엔지니어. 리액트, 그래프QL, 타입스크립트 등에 특히 정통하며, 2019년에는 캐나다의 젊은 개발자 30인에 선정되었다. Doordash, Instacart, Shopify 등에서 대규모 프로덕션 애플리케이션 구축에 참여했다. 다양한 웹 기술/프레임워크에 능숙한 소프트웨어 엔지니어. 리액트, 그래프QL, 타입스크립트 등에 특히 정통하며, 2019년에는 캐나다의 젊은 개발자 30인에 선정되었다. Doordash, Instacart, Shopify 등에서 대규모 프로덕션 애플리케이션 구축에 참여했다.

역 : 김모세

관심작가 알림신청

대학 졸업 후 소프트웨어 엔지니어, 소프트웨어 품질 엔지니어, 애자일 코치 등 다양한 부문에서 소프트웨어 개발에 참여했다. 재미있는 일, 나와 조직이 성장하도록 돕는 일에 보람을 느껴 2019년부터 번역을 시작했다. 옮긴 책으로는 『인간 vs. AI 정규표현식 문제 풀이 대결’(제이펍)』, 『애자일 개발의 기술 2판’(에이콘)』, 『타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발’(위키북스)』, 『추천 시스템 입문’(한빛미디어)』, 『웹 개발 리터러시’(정보문화사)』 등이 있다. 대학 졸업 후 소프트웨어 엔지니어, 소프트웨어 품질 엔지니어, 애자일 코치 등 다양한 부문에서 소프트웨어 개발에 참여했다. 재미있는 일, 나와 조직이 성장하도록 돕는 일에 보람을 느껴 2019년부터 번역을 시작했다. 옮긴 책으로는 『인간 vs. AI 정규표현식 문제 풀이 대결’(제이펍)』, 『애자일 개발의 기술 2판’(에이콘)』, 『타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발’(위키북스)』, 『추천 시스템 입문’(한빛미디어)』, 『웹 개발 리터러시’(정보문화사)』 등이 있다.

크레마클럽에서 볼 수 있는 작가의 다른 책

출판사 리뷰

거대 자바스크립트 웹 애플리케이션을 구축하기 위해 알아야 할 모든 것 오늘날 웹 애플리케이션은 풍부한 기능을 제공하기 위해 점점 복잡해지고 있다. 프런트엔드 개발자들은 마치 거대 괴수처럼 덩치가 커져버린 대규모 애플리케이션을 구축하고 유지보수해야 하는 어려움에 직면했다. 바닐라 자바스크립트로 뚝딱뚝딱 프로토타입을 만들고 점차 필요한 기능을 추가해나가는 식으로는 결코 이 도전적인 과업을 달성할 수 없다. 세심한 계획이 필요하다. 이 책은 대규모의, 유지보수 가능한, 확장성을 가진 자바스크립트 웹 애플리케이션을 구축하기 위해 알아야 할 지식, 도구, 기술, 전략을 집대성한 가이드북이다. 코드 예시는 프런트엔드의 사실상 표준인 리액트로 작성되어 있지만 특정 라이브러리에 종속되는 것이 아니라, 개념 설명에 초점을 두면서 구체적인 라이브러리 또는 도구를 통해 개념을 묘사하는 방식이다. 책은 소프트웨어 복잡성에 관한 고찰로 시작한다. 이어서 브라우저의 작동 원리부터 성능 최적화, 성능 문화까지 성능에 관해서도 깊이 있게 살펴보고, 디자인 시스템, 데이터 가져오기, 상태 관리 같은 핵심 개념을 설명한다. 번역과 국제화, 폴더와 파일의 조직화도 다룬다. 책의 후반부는 좀 더 심화된 주제들로, 개인화, A/B 테스팅, 확장성 있는 웹 아키텍처, 테스팅, 툴링, 기술적 마이그레이션, 타입스크립트 등에 관해 논의한다. 마지막 장에서는 리액트 컴파일러나 리액트 서버 컴포넌트를 비롯해 비교적 새로운 리액트의 기능과 API를 설명한다. 웹 개발의 지평은 매우 넓고 지금 이 순간에도 진화를 거듭하고 있다. 알아야 할 게 많은 대규모 웹 개발의 여러 영역을 충실하게 조망하는 이 책이 어려운 도전을 극복하는 데 큰 통찰을 줄 것이다. 원서에서 제공하지 않는 예제 코드와 추가 자료 URL 모음을 번역서 깃허브 저장소에서 제공한다는 점도 본 번역서의 큰 미덕이다. 주요 내용●	복잡성, 모듈성, 성능, 디자인 시스템, 데이터 페칭 등 대규모 웹 앱 개발의 핵심 개념●	번역과 국제화, 리액트 애플리케이션을 구조화하고 효과적으로 확장하는 방법●	개인화, A/B 테스팅, 확장 가능한 웹 아키텍처, 캐싱 전략, 기술 마이그레이션●	리액트 코드를 안전하게 만드는 타입스크립트와 테스팅

펼쳐보기접어보기