IT/React9 TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function 에러 발생 및 해결방법 npm을 start 시키면서 아래와 같은 에러가 발생했다 ERROR react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function 찾아보던 중 index.js에서 import된 react-dom을 아래와 같이 수정하면 된다고 한다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVi.. 2024. 2. 26. 'react-dom' vs 'react-dom/client' 차이 index.js 파일에서 react-dom/client 모듈을 찾을 수 없어 에러가 발생하곤 했는데, client 를 빼주니 제대로 동작되었다 react-com/client는 버전18에서 새로 추가된 모듈로 18 이후부터는 해당 모듈을 이용해서 dom을 렌더링 한다고 한다. 따라서 17이하의 버전에서는 react-com 을 사용해주면 된다. 버전 18 이상 import ReactDOM from 'react-dom/client'; 버전 17 이하 import ReactDOM from 'react-dom'; 2024. 2. 25. 리액트(React)란? (인프런 리액트 기초1~7강 정리) 리액트를 공부하려고 인프런 무료강의로 시작해본다 :) 앞에 7강 정도의 분량은 리액트에 관한 설명이었고, 굉장히 초보자도 알기쉽게 설명해주셔서 놀랐다 오랜만에 이렇게 신선하게 깔끔한 강의를 들어보는군... 싶었다 리액트(.js)는 자바스크립트의 UI 라이브러리 이다 ( 이 외에 vue.js 프레임워크 : 에반유 중국인개발자 ) *집고넘어가기! 프레임워크 vs 라이브러리 흐름에 대한 제어를 갖느냐 vs 개발자가 제어하느냐 리액트는 결국 자바스크립트를 원활하게 해주는 라이브러리 이고, 이때 웹사이트의 작동원리와 흐름을 함께 이해하는 것이 중요! 왜냐하면 자바스크립트가 웹페이지 하나하나를 만든다면 리액트는 그걸 virtual DOM을 리랜더링 시켜서 최소한의 변화만 주기때문에 속도와 업데이트가 빠르게 작용되.. 2024. 2. 25. 이전 1 2 다음
