개발새발

  • 홈
  • 태그
  • 방명록

구동원리 1

[React] React App 구동원리 알아보기

React 앱은 어떻게 작동할까?우리는 npm run dev 한 줄로 앱을 실행하지만, 그 내부에서는 많은 일이 일어난다.React 앱이 브라우저에 렌더링되기까지의 흐름을 따라가보자 1. 브라우저는 어디부터 읽을까?React 앱은 결국 HTML, CSS, JavaScript로 동작한다.npm run dev를 실행하면 개발 서버가 열리고, 브라우저는 루트 HTML 파일인 index.html을 불러온다. 여기서 핵심은 두 가지다:div#root : React가 실제 DOM에 렌더링될 자리main.jsx : 앱의 진입점 (entry point)2. 진입점(main.jsx) 에서는 무슨 일이?main.jsx 는 App.jsx 를 ReactDOM 을 통해 #root에 렌더링한다.import React fr..

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

개발새발

방문자수Total

  • Today :
  • Yesterday :
  • 분류 전체보기 (102)
    • 네트워크 (7)
      • 기본 (7)
    • Java (22)
      • 기본 (14)
      • 알고리즘 (3)
      • Effective Java (2)
      • 강의 (0)
      • Spring (3)
    • JavaScript (16)
      • 기본 (1)
      • 응용하기 (5)
    • Node.js (11)
      • React (8)
      • Vue (0)
    • Sql (4)
    • 개발 (9)
      • 개발 일상 (2)
      • 개발 지식 (1)
      • 결제 (1)
      • 알면 좋은 (5)
    • Python (13)
      • 기본 (11)
      • 알고리즘 (2)
    • AWS (2)
    • 알고리즘 (18)
      • 개념 (3)
      • Programmers (6)
      • LeetCode (7)
      • 백준 (2)

Copyright © Kakao Corp. All rights reserved.

티스토리툴바