[React] 코드 이해하기

리액트 프로젝트를 만들 때 node_modules라는 디렉토리도 함께 생성된다.
생성 과정에서 node_modules 디렉토리에 react 모듈이 설치 된다.

import React from ‘react‘;

위에 처럼 Import 구문을 통해 리액트를 불러와서 사용할 수 있다.
원래 브라우저에는 없던 기능인데, 브라우저가 아닌 환경에서 자바스크립트를 실행할 수 있게 해 주는 환경인 Node.js에서 지원하는 기능이다.

function 키워드를 사용하여 컴포넌트를 함수형 컴포넌트라고 부른다.

function App(){
   return (
      <div>
         <img src={logo} className=“App-logo” alt=“logo” />
      </div>
   );
}

리액트에서 반환하는 코드를 HTML 도, 문자열 템플릿도 아닌 JSX 라고 부른다.