내가 알아가는 내용을 같이 공유하는 공간

  • 홈
  • 태그
  • 방명록

JSX 1

React JSX

안녕하세요. 오늘은 리액트 JSX에 대해 알아볼게요. JSX JSX(JavaScript XML)은 자바스크립트 코드 안에서 HTML과 유사한 구조를 작성할 수 있게 해주는 문법 확장이에요. 즉, 리액트에서 UI를 설계할 때 “화면 구조를 직관적으로 코드로 표현하기 위한 문법”이라고 이해하면 돼요. 기존의 React.createElement()를 직접 쓰는 대신,HTML처럼 보이는 문법으로 더 가독성 좋고 직관적인 UI 코드를 작성할 수 있게 해 줘요. JSX 필요성 기존 리액트 코드는 다음처럼 생겼어요. function Hello() { return React.createElement('h1', null, '안녕하세요!');}이 방식은 문법적으로는 정확하지만, HTML 구조를 한눈에 파악하기 어..

Frontend/React 2025.11.30
이전
1
다음
더보기
프로필사진

내가 알아가는 내용을 같이 공유하는 공간

개발자 공부를 하며 알게 된 내용들을 정리하고, 누구나 쉽게 접근할 수 있도록 공유하는 블로그입니다.

  • 분류 전체보기 (117)
    • Full-Stack (1)
    • Settings (6)
    • Git . Git Hub (1)
    • Backend (54)
      • Java (45)
      • MySQL (9)
    • Frontend (46)
      • HTML (4)
      • CSS (17)
      • JavaScript (12)
      • React (7)
      • TypeScript (6)
    • VSC (1)
    • 개인 피드백 (8)
      • 백엔드 (4)
      • 프론트엔드 (3)

Tag

springboot, 웹개발, 리액트, backend, 코딩, 프론트엔드, 웹, javascript, 코드, 속성, mysql, 자바스크립트, react, 백엔드, It, HTML, java, CSS, Spring Boot, frontend,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/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 © AXZ Corp. All rights reserved.

티스토리툴바