[React] Intro

Chapter1. React Intro
1.React의 3가지 특징에 대해서 이해하고, 설명할 수 있다.
2.JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다.
3.React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다.
Chapter2. Create React App
4.Create React App 소개를 보고, Create React App 이 무엇인지 대략적으로 이해할 수 있다.
5.npx create-react-app 으로 새로운 리액트 프로젝트를 시작할 수 있다.
6.create-react-app 으로 간단한 개발용 React 앱을 실행할 수 있다.
7.리액트 랜덤 명언 앱 Hands-on을 따라 간단한 리액트 랜덤 명언 앱을 만들 수 있다.
8.Create React App으로 만들어진 리액트 프로젝트 구성을 대략적으로 이해할 수 있다.

1.리액트는 선언형, 컴포넌트 기반, 범용성이라는 특징을 가지고 있다.
선언형 - 한 페이지를 위해 HTML/CSS/JS로 나누기 보다는 하나의 파일에 JSX를 통해 선언형 프로그래밍을 지향한다.
컴포넌트 기반 - 독립적이고 재사용 가능한 컴포넌트들을 만들어 기능에 집중할 수 있으며 유지보수나 유닛테스트도 각각 시행해 시간과 비용을 아낄 수 있다.
범용성 - 프레임워크와는 다르게 다른 프로젝트에도 자유롭게 이식할 수 있다.

2.한 페이지에서 JS와 HTML을 동시에 사용할 수 있기 때문에 내용을 훨씬 더 쉽게 파악할 수 있으며 기능들 또한 JS를 사용하는 것과 별다른 차이점이 없기 때문에 작성하기도 간편한 장점이 있다.

3.위에서 설명했지만 컴포넌트를 사용함으로써 하나의 컴포넌트 단위로 이미 작성했던 컴포넌트를 재사용하거나 남이 작성한 컴포넌트들을 자유롭게 가져다 쓸 수 있기 때문에 컴포넌트는 재사용성 등에 압도적인 장점을 지니고 있으며 각각을 유지보수하거나 테스트하는 것에도 다른 간섭을 최소화할 수 있기 때문에(없을 수도 있다)

4.리액트 SPA를 쉽고 빠르게 개발할 수 있도록 만들어진 툴 체인이다. 다만 많은 모듈들이 들어있기 때문에 설치에는 약간(1분가량)의 시간이 걸린다.

5.가능하다. (어제 만든 로또번호 생성기를 Create React App으로 제작했다.)

6.가능하다.. (질문이 중복되는 느낌)

7.랜덤 명언앱을 제작한 후 로또번호 생성기를 만들었다.

8.가능하다!

오늘의 과제는 컴포넌트를 만들고 배정하는 등의 기본적인 리액트 사용법에 대한 것이었다.
하지만 그 기본적인 리액트 사용만으로도 1달정도만에 만들어봤던 나만의 아고라스테이츠와 유사한 기능을 만들 수 있었다.
리액트는 유사한 기능들을 더 간단하게 만들고 더 빠르게 구현됐다.
리액트가 훨씬 더 좋은 것 같다!