React[TIL-19]

1. 리액트는?

리액트는 프론트앤드 개발을 위한 Javascript 오픈소스 라이브러리

1. 선언형
  - 리액트는 한 페이지를 보여주기 위해 하나의 파일에 명시적으로 작성할 수 있게
    JSX를 활용한 선언형 프로그래밍을 지향함

2. 컴포넌트 기반
  - 리액트는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발
  - 컴포넌트로 분리하면 서로 독립적이고 재사용 가능

3. 범용성
  - 리액트는 Javascript 프로젝트 어디에든 유연하게 적용가능 

2. JSX (Javascript를 확장한 문법)

JSX를 사용함으로써 코드의 복잡성을 줄이고, 이를 이해하기 쉽게 만들 수 있습니다.

JSX 규칙
1. 하나의 엘리먼트 안에 모든 엘리먼트가 포함되어야함
2. 엘리먼트 클래스 사용시, claaName으로 표기
3. Javascript표현식 사용 시, 중괄호 {} 이용
4. 사용자 정의 컴포넌트는 대문자로 시작
5. 조건부 렌더링에는 삼항연산자 사용
6. 여러 개의 HTML엘리먼트를 표시할 때, map()함수를 이용하며, 반드시 'key' JSX속성을 넣어야함!

3. React 설치

폴더를 생성한 후 폴더 진입하여 터미널에
npx create-react-app 프로젝트명  => 명령어 입력