1ncode 님의 블로그

  • 홈
  • 태그
  • 방명록

TSX 1

React 프로젝트 구조 이해하기 (JSX, TSX, 빌드 과정)

React + TypeScript 시작할 때 헷갈렸던 개념 정리 (JSX, TSX, 빌드)React 프로젝트를 처음 시작하면 이런 질문이 생긴다.JSX는 뭐지?TSX는 또 뭐지?TypeScript는 왜 쓰지?빌드는 왜 필요하지?그래서 React 프로젝트 구조 기준으로 정리해봤다. 1. React에서 JSX를 사용하는 이유React에서 UI를 만드는 기본 방식은 원래 이런 코드였다.React.createElement("h1", null, "Hello") 하지만 이렇게 작성하면 코드가 너무 복잡해진다.그래서 React에서는 JSX라는 문법을 사용한다.Hello이렇게 작성하면 HTML처럼 UI를 쉽게 작성할 수 있다. 하지만 중요한 점이 있다. JSX는 HTML이 아니다.JSX는 JavaScript 안에서 ..

React.js 2026.03.09
이전
1
다음
더보기
프로필사진

1ncode 님의 블로그

1ncode 님의 블로그 입니다.

  • 분류 전체보기 (20)
    • DEV INFO (8)
    • HTML · CSS (4)
    • vue.js (1)
    • React.js (5)
    • setting (0)
    • 개발 환경 (1)
    • 확장프로그램 (0)
    • company (0)

Tag

vite 빌드, React, 반응형태그, seo, 이미지태그, react config, 리액트, 개발자도구 style, react 세팅, vite환경구성, react.js 세팅, Vite, react 설정파일, devetools style, extesnion, picture태그, react.js, css모듈, devetools, 비트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바