react 2

React-dom과 렌더링 (render)에 관해서

React-dom이 하는 역할은 무엇인가? - React-dom은 사용자에게 보여지는 html 문서에 컴포넌트를 적용한 페이지를 보여주기 위한 importing을 시켜주는 모듈이다. 우리는 index.html안에 react-dom 모듈을 사용하여, app.jsx를 참조, 이 app.jsx파일은 리액트 src폴더의 js 파일 (컴포넌트 및 variables,function 들)을 참조 함으로써 궁극적으로 html로 return해준다. 쉽게 말해서 징검다리 역할을 해준다고 생각하면 될 것 같다. Rendering 관리의 중요성 : 리액트 컴포넌트 들은 매 번 값이 바뀔 때, 조건에 따라서 리 렌더링이 된다. 이 때, 필요없는 컴포넌트 들까지 렌더링을 해버리면 잡아먹는 리소스가 어마어마하게 많아지기 때문에 효..

react 2023.08.31

react 2일차

리액트에서 중요한 keyword 모음 useEffect, useState, inputRef , function, component, App ,dummy, map 함수, 컴포넌트 상속 useEffect : 함수를 특정 조건일 때 발동시킨다. useState: 변수를 업데이트 할 때 사용한다. inputRef : 입력 받은 값을 변수에 저장시킨다. function : 변수를 업데이트 시킬 함수를 저장하는 예약어다. component : 하나의 앱에 들어갈 요소들 (instance 개념이며, 각각의 컴포넌트 들을 하나의 스크립트 파일로 관리한다.) App : html에 띄울 최종적인 컴포넌트의 집합 dummy : json 데이터를 가져올 때, import dummy from "json 데이터 파일 경로" 를 ..

react 2023.08.18