[React] import React from 'react'는 어디에 쓰일까?

2022. 4. 17. 15:47·React/이론
반응형

1. import React from 'react'

JSX 문법을 사용하면 우리는 import React from 'react'를 항상 사용한다. 

하지만 실제로 해당 모듈을 우리가 사용한다는 느낌은 들지 않는다. 

 

Babel이 JSX 문법을 React.createElement 코드로 변환하기 때문에 우리가 실제로 사용을 하지 않지만 

컴파일된 후 코드에는 React가 쓰이고 있다. 

 

그렇기 때문에 우리가 사용한다고는 느끼지 못하지만 Babel을 통해서 React 모듈을 사용하고 있던 것이다. 

반응형
저작자표시 비영리 변경금지 (새창열림)

'React > 이론' 카테고리의 다른 글

[React] MobX - React에서 사용하기  (3) 2022.05.03
[React] MobX - 시작하기  (1) 2022.04.29
[React] Virtual DOM  (2) 2022.03.12
[React] 비동기 작업(콜백 함수, Promise, async, await)  (0) 2022.02.08
[React] ref란?  (0) 2022.02.08
'React/이론' 카테고리의 다른 글
  • [React] MobX - React에서 사용하기
  • [React] MobX - 시작하기
  • [React] Virtual DOM
  • [React] 비동기 작업(콜백 함수, Promise, async, await)
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    javascript
    Babel
    바질
    react
    Node.js
    네이버 부스트캠프
    redux
    webpack
    리액트
    typescript
    ChatGPT
    타입스크립트
    타일러영어
    덤프
    알고리즘
    CSS
    next.js
    Docker
    리얼클래스
    ReactNative
    CCNA
    바질 키우기
    자바스크립트
    네트워크
    식물
    프로그래머스
    영어회화
    리얼학습일기
    다이소
    영어독학
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[React] import React from 'react'는 어디에 쓰일까?
상단으로

티스토리툴바