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

TwentyTwentyOne

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

TwentyTwentyOne

검색하기 폼
  • 분류 전체보기 (880) N
    • 첫 글 (1)
    • 글 (63) N
    • 이것저것 코드 (9)
      • 코드기록 (5)
    • study (277) N
      • nodejs (7)
      • Ollama (3)
      • ai prompt (48)
      • postgresql (18)
      • error (8)
      • 프론트엔드 (40)
      • 백엔드 (62) N
      • Redux (4)
      • spring+spring-boot (14)
      • docker (4)
      • Cross Platform (12)
      • TIL (12)
      • 블록체인 (32)
      • ts (10)
    • Programming (28) N
      • Java (1)
      • Python (11) N
      • dart (7)
    • 모음집 (20)
      • Linux (3)
      • git (17)
    • project (214)
      • RPA (3)
      • 웹 개발 기초부터 실무까지 (11)
      • 웹 개발 실무 기술 A to Z (27)
      • 로컬 LLM + RAG 기반 AI 채팅봇 만들기 (47)
      • NestJS + Prisma로 만드는 웹 애플리케.. (31)
      • Ollama + CrewAI + FastAPI를 .. (9)
      • 공공데이터 공통표준용어 검색 (9)
      • 포트폴리오만들기 (24)
      • 관리자 페이지 (18)
      • svg (2)
      • Practice (3)
      • 전기차 충전소 (0)
      • aws (4)
    • AI가 작성한 블로그 (1)
    • AI+마케팅 (71) N
    • AI+레포트 (54) N
    • AI + Career (15) N
    • framework (103) N
      • NextJS (22) N
      • NextAuth (16) N
      • ReactNative (16) N
      • React (20)
      • NestJS (13) N
      • Prisma (16) N
  • 방명록

react 시작 (1)
React 시작하기 – JSX와 컴포넌트의 세계

React 시작하기 – JSX와 컴포넌트의 세계React를 처음 접하는 개발자들이 가장 많이 묻는 말은 이겁니다.“JSX가 뭔가요?”, “컴포넌트는 그냥 함수 아닌가요?”이번 글에서는 React의 핵심 개념인 JSX와 컴포넌트에 대해공식 문서를 바탕으로, 실전 코드 예제와 함께 쉽게 정리해보겠습니다.🧩 JSX란 무엇인가?JSX는 JavaScript XML의 줄임말로, HTML처럼 보이지만 JavaScript로 해석되는 문법입니다.✅ JSX 예시const element = Hello, world!;이건 결국 아래와 같은 JavaScript로 변환됩니다:const element = React.createElement('h1', null, 'Hello, world!');✅ HTML 같지만 사실은 함수 호출!..

framework/React 2025. 4. 1. 11:41
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 개발블로그
  • Next.js
  • AI챗봇
  • llm
  • 관리자
  • nextJS
  • Prisma
  • github
  • seo 최적화 10개
  • PostgreSQL
  • LangChain
  • SEO 최적화
  • Docker
  • nodejs
  • fastapi
  • kotlin
  • SEO최적화
  • 프론트엔드
  • CI/CD
  • Ktor
  • 웹개발
  • rag
  • Python
  • 백엔드개발
  • App Router
  • gatsbyjs
  • 프론트엔드면접
  • REACT
  • Webpack
  • NestJS
more
«   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
글 보관함
반응형

Blog is powered by Tistory / Designed by Tistory

티스토리툴바