JayGo 개발 연습장

  • 홈
  • 태그
  • 방명록

esbuild 1

React createElement 직접 구현하기: 환경 설정

JSX와 React.createElementJSX는 리액트에서 HTML과 유사한 형식으로 마크업을 작성할 수 있게 해주는 문법이다. 익숙한 HTML 문법을 그대로 활용해 DOM의 구조를 표현할 수 있기 때문에 직관적이고 편리하다.JSX는 아래와 같은 형태로 사용한다.const App = () => { return ( Hello World! )}JSX로 작성한 구문은 트랜스파일을 통해 아래와 같은 리액트 메서드로 변환되며,// ~ React 16 버전React.createElement("div", null, React.createElement("h1", null, "Hello, world!"));// React 17 버전 ~_jsx("div", null, _jsx("h1", nu..

React 2024.12.14
이전
1
다음
더보기
프로필사진

JayGo 개발 연습장

jaygo-dev 님의 블로그 입니다.

  • 분류 전체보기 (89)
    • HTML-CSS (6)
    • JavaScript (15)
    • React (10)
    • Node (1)
    • Express (0)
    • Web (2)
    • Git-Github (3)
    • 개발 용어-상식 (1)
    • TIL (46)

Tag

Til, react, 원시 타입, common js, 프로퍼티, 자바스크립트, CSS, 실행 컨텍스트, form 태그, HTML, 리액트, es module, createElement, 오블완, Vite, JavaScript, jsx, useState, git, 티스토리챌린지,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바