ReactJS 이 정도는 알아야지

ReactJS는 페이스북에서 2013년도에 공개하여 빠르게 인기를 얻으며 성장하고 있는 자바스크립트 프론트엔드 프레임워크입니다. 또한 2015년에는 React Native가 발표되어, ReactJS는 모바일까지 확장되었습니다. ReactJS는 페이스북이라는 배경을 가지고 있으며, 앞으로도 꾸준히 업데이트될 예정인 살아 있는 프레임워크입니다. ReactJS는 현재 페이스북과 인스타그램, 야후, 아틀라시아 등의 대규모 프로젝트에 사용되고 있습니다. 이 책에서는 페이스북에서 제공하는 공식 문서(https://reactjs.org)를 토대로 ReactJS 사용 방법에 대해서 설명할 것입니다. 인터넷에서 코드를 바로 적용하고 결과를 확인해볼 수 있는 공간인 CodePen을 이용하여 ReactJS 예제들을 작성했고, 이 예제들은 책에서 제공하는 URL을 통해 공유했습니다. CodePen을 이용하여 공유된 ReactJS 예제들은 손쉽게 ReactJS 코드를 작성할 수 있도록 해주는 가이드가 될 것입니다.

01장 ReactJS 소개 1. ReactJS란 2. ReactJS 프로젝트 생성하기 02장 JSX 1. JSX란 2. JSX에서 자바스크립트 사용하기 3. JSX에서 Attribute와 Child element 표현하기 4. JSX Tag에 Inline Style 주기 5. JSX를 객체로 표현하기 03장 Element 렌더링 1. Element란 2. DOM에 Element 렌더링하기 3. DOM에 렌더링된 Element 업데이트하기 4. 달라진 부분만 업데이트하기 04장 컴포넌트(Component)와 props 1. 컴포넌트란 2. 컴포넌트의 종류 3. 컴포넌트 렌더링하기 4. 컴포넌트 합성하기(Composing Component) 5. 컴포넌트 분리하기(Extracting Component) 6. 컴포넌트 정의 시 주의사항 7. props란 8. props 기본값 설정하기 05장 state와 setState 1. state의 필요성 2. state 사용하기 3. state 바르게 사용하기 06장 컴포넌트 생명주기(Component Lifecycle) 1. 컴포넌트 생명주기란 2. 마운팅(Mounting) 3. 업데이팅(Updating) 4. 언마운팅(Unmounting) 07장 이벤트 핸들러(Event Handler) 1. DOM 이벤트 핸들러 VS React 이벤트 핸들러 2. 이벤트 핸들러 만들기 08장 조건부 렌더링(Conditional Rendering) 1. 조건부 렌더링이란 2. If-Else를 이용한 조건부 렌더링 3. 변수를 이용한 조건부 렌더링 4. 삼항연산자를 이용한 조건부 렌더링 5. && 연산자를 이용한 조건부 렌더링 6. 조건부 렌더링으로 렌더링 막기 09장 리스트(List)와 Key 1. 리스트 컴포넌트 2. key 10장 Form 1. Controlled 컴포넌트 2. Uncontrolled 컴포넌트 11장 Lifting State Up 1. 진실의 근원(source of truth) 2. Lifting State Up 예제 3. Clock 컴포넌트에서 Lifting State Up 12장 React의 강력한 Composition 1. Composition VS Inheritance 2. Containment 3. Specialization 4. Clock 컴포넌트의 Composition 13장 ReactJS 정리: 간단한 포스팅 만들기 1. 포스트 예제 구조 2. 포스트 예제 CSS 3. PostContainer 컴포넌트 4. 포스트 예제 결과