import React from 'react'; 에서 React 는?

리액트 파일을 생성하다보면  import React from 'react'; 이걸 맨날 습관적으로 붙이는데,

감으로 대충 이런거겠거니~ 하고 넘겼다가 코드 리뷰를 받고 나서 정리해 보고자 글을 쓴다.

 

import React from 'react';
: react 라이브러리에서 'React' 객체를 가져오는 구문 react 컴포넌트를 작성하기 위해 필요하다.

 

리액트에서는 ui를 표현하기 위해 jsx라는 문법을 사용하여 컴포넌트를 작성한다.

 

일단 브라우저는 html, css, js만 읽을 수 있기 때문에 jsx와 같은 확장 문법은 직접 실행될 수 없다.

따라서 js로 변환을 해줘야하는 작업이 필요하다.

 

react 애플리케이션을 빌드하거나 번들링할 때 jsx 코드는 일반 js 코드로 변환된다.

변환시 babel, webpack과 같은 도구를 사용하는 것이 일반적이다.

 

 

React 17 이상에서는 생략 가능하다.
: React Fast Refresh

개발자 경험을 향상시키는 목적으로 도입되어 굳이 React 객체를 import 시키지 않아도 된다.

 

그러나 'React' 객체를 사용하여 다른 기능 (예: React Hooks)에 접근하려면 여전히 사용은 해줘야 한다.