리액트 웹앱 제작 총론-최적화된 고성능 웹앱 UI 개발 가이드

리액트는 엄청난 성공을 거두고 있는 웹 UI 라이브러리다. 리액트는 복잡한 웹앱을 제작할 때 겪는 흔한 문제를 해결할 뿐만 아니라, UI를 더 쉽게 구현할 수 있는 다양한 컴포넌트와 기법을 제공한다. 이 책에서 JSX, 상태 관리, 생명주기 등 리액트의 핵심을 설명하며, 최적화된 워크플로우를 따라 고성능의 웹앱을 빠르게 제작할 수 있게 돕는다.

1장. 리액트 소개 __옛날 방식의 멀티 페이지 디자인 __요즘 방식의 싱글 페이지 앱 __리액트와의 첫 만남 ____UI 상태 자동 관리 ____번개같이 빠른 DOM 조작 ____결합이 용이한 UI를 지원하는 API ____자바스크립트로 정의하는 비주얼 ____MVC 아키텍처에서의 ‘V’ __정리 2장. 첫 번째 리액트 앱 __JSX 다루기 __리액트 시작하기 __이름 보여주기 __여전히 익숙한 기술 ____목적지 변경 ____스타일 입히기! __정리 3장. 리액트 컴포넌트 __함수에 대한 빠른 리뷰 __UI를 다루는 방법의 변화 __리액트 컴포넌트와의 첫 만남 ____Hello, World! 컴포넌트 만들기 ____속성 지정 ____자식 다루기 __정리 4장. 리액트 스타일링 __영어 모음 보여주기 __CSS를 사용한 리액트 콘텐츠의 스타일링 ____생성된 HTML의 이해 ____곧바로 스타일링! __리액트 방식의 스타일링 ____스타일 객체 만들기 ____콘텐츠 스타일링 ____접미사 ‘px’의 생략 ____배경색 커스터마이징 __정리 5장. 복잡한 컴포넌트 제작 __비주얼 요소에서 컴포넌트로 ____주된 비주얼 요소 식별 ____컴포넌트 식별 __컴포넌트 작성 ____Card 컴포넌트 ____Square 컴포넌트 ____Label 컴포넌트 ____속성 전달 __컴포넌트 결합성의 비밀 __정리 6장. 속성 전달 __문제점 인식 __문제점 분석 __스프레드 연산자 __속성의 올바른 전달 __정리 7장. JSX와의 재회 __JSX의 실체 __기억해야 할 JSX의 특징 ____단 하나의 루트 노트만 리턴 가능 ____인라인 CSS 사용 불가 ____예약어와 className ____주석 ____대소문자 구별 ____어디든 가능한 JSX __정리 8장. 상태 다루기 __상태 사용하기 ____시작 지점 __카운터 켜기 ____초기 상태 값 설정 ____타이머 시작과 상태 설정 ____상태 변경 후 렌더링 __참고: 전체 코드 __정리 9장. 데이터에서 UI로 __예제 __어디든 가능한 JSX―2탄 __JSX에서의 배열 다루기 __정리 10장. 이벤트 __이벤트 리스닝하기와 반응하기 ____시작 지점 ____버튼 작동시키기 ____이벤트 속성 ____이벤트 속성 다루기 ____또 다른 이벤트 처리 기법 ____일반적인 DOM 이벤트 리스닝 ____이벤트 핸들러에서 this의 의미 __리액트는 왜? 왜?! ____브라우저 호환성 ____성능 향상 __정리 11장. 컴포넌트 생명주기 __생명주기 메소드와의 만남 ____생명주기 메소드의 작동 확인 ____초기 렌더링 단계 ____업데이트 단계 ____언마운트 단계 __정리 12장. DOM 엘리먼트 접근 __ref와의 첫 만남 __정리 13장. 리액트 라우터를 이용한 싱글 페이지 앱 __예제 __앱 구축 ____초기 프레임 보여주기 ____Home 뷰 보여주기 ____중간 정리 ____올바르게 Home 뷰 보여주기 __내비게이션 링크 만들기 ____Stuff 뷰와 Contact 뷰 추가 ____액티브 링크 __정리 14장. Todo List 앱 제작 __시작하기 __UI 제작 __기능 구현 ____상태 객체 초기화 ____폼 제출 처리 ____상태 채우기 ____‘할 일’ 보여주기 ____마지막 손질하기 __정리 15장. 리액트 개발 환경 구성 __툴 소개 ____노드 ____바벨 ____웹팩 ____코드 에디터 __환경 설정 시간! ____초기 프로젝트 구조 잡기 ____노드의 설치와 초기화 ____의존 라이브러리 설치 ____JSX 파일 추가 ____JSX로부터 자바스크립트 만들기 ____빌드와 테스트 __정리 16장. 책을 마치며