본문 바로가기 메뉴 바로가기

일상에서 개발하기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

일상에서 개발하기

검색하기 폼
  • 분류 전체보기 (121)
    • CSS (11)
    • HTML (21)
      • 요소 (9)
    • 서버 (11)
    • Tool (1)
    • Network (9)
    • Javascript (15)
      • Node.js (3)
      • React (12)
    • Servlet (23)
    • JSP (17)
    • JQuery (2)
    • Spring (7)
    • Thymeleaf (0)
    • Spring Security (4)
  • 방명록

Fragment (1)
[React] JSX

JSX- JSX는 자바스크립트의 확장 문법이며 XML과 매우 비슷하게 생겼다.- 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다.function App() { return ( Hello react );} - 이렇게 작성된 코드는 다음과 같이 변환된다.function App(){ return React.createElement("div", null, "Hello", React.createElement("b", null, "react"));} - 만약 컴포넌트를 렌더링할 때마다 JSX 코드를 작성하는 것이 아니라 위 코드처럼 매번 React.createElement 함수를 사용해야 한다면 매우 불편할 것..

Javascript/React 2025. 3. 6. 21:25
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • CSS 속성
  • Binding
  • 서블릿
  • 리액트
  • 내장객체
  • Java Server Page
  • react
  • httpServletRequest
  • 스프링
  • nodejs
  • Redux
  • 인가
  • 서브넷팅
  • javaserverpage
  • Spring Security
  • HTML
  • 제이쿼리
  • 스프링 시큐리티
  • el
  • html css
  • script element
  • 네트워크
  • CSS
  • Session
  • Network
  • Spring
  • 세션
  • 미들웨어
  • JSP
  • Servlet
more
«   2025/11   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바