React

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

React의 3가지 특징

선언형

HTML/CSS/JS로 파일을 나눠서 작성하지 않아도, 하나에 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한다.

컴포넌트 기반

하나의 기능을 위한 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발한다.
이 컴포넌트는 서로 독립적이며 , 재사용 가능하기 때문에 , 기능 자체에 집중하여 개발 할 수 있다.

범용성

Javascript 프로젝트 내 라면 어디든 유연하게 적용할 수 있다.

JSX 문법

JSX는 React에서 사용되는 JavaScript의 확장 문법

JSX는 일반적인 JavaScript 코드로 변환되어 실행됩니다. 따라서, JSX로 작성된 코드를 브라우저에서 바로 실행할 수는 없으며, Babel과 같은 도구를 사용하여 JSX를 JavaScript 코드로 변환해주어야 한다.

1. 모든 태그는 닫히는 태그가 필수입니다. 예를 들어,
   태그는
   로 작성해야 합니다.

2. 컴포넌트 이름은 대문자로 시작해야 합니다. 예를 들어, MyComponent로 작성해야 합니다.

3. HTML class를 정해주려면 class 대신 className을 사용해야 된다.

4. JSX 표현식에서 자바스크립트 코드는 중괄호 {}로 감싸져야 합니다. 예를 들어,

   {2 + 2}
   와 같이 작성할 수 있습니다.

5. 조건부 렌더링은 if문이 아닌 삼항연산자를 이용해야 합니다.

6. React 에서 여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 함수를 사용합니다.
   map 함수를 사용할 때는 반드시 "key" JSX 속성을 넣어야 합니다.