반응형

리액트 2

양방향 바인딩과 단방향 바인딩

데이터 바인딩이란? 데이터 바인딩은 화면에 표시되는 데이터와 브라우저 메모리 내의 데이터(여러 개의 JavaScript 객체)를 동기화하는 프로세스이다. 예를 들어, HTML 페이지에서 서버나 스크립트로부터 받은 데이터를 표시한 후, 해당 데이터가 변경되면 HTML 페이지 상의 데이터도 자동으로 갱신하는 과정을 말한다. 양방향 바인딩(Vue, Angular) 양방향 데이터 바인딩은 JavaScript와 HTML 사이에서 ViewModel을 통해 양방향으로 데이터가 연결되어, 한 쪽에서의 변경이 다른 쪽에 자동으로 반영되는 구조를 말한다. 이 구조에서는 데이터 변경이 자동으로 DOM을 업데이트하거나, 페이지 내에서 모델의 변경을 자동으로 감지한다. 장점 코드량이 크게 줄어들며, 유지보수 및 관리가 용이해진..

IT/React 2024.03.04

[React] Material-ui 설치 안될때 해결법

최근 React 프로젝트에서 Material-UI를 사용하려고 할 때, 버전 호환성 문제로 인해 설치 중 에러가 발생하는 경우가 있습니다. 특히, 최신 버전의 React와 Material-UI의 특정 버전 간에 호환성 문제가 발견되었습니다. 일반적으로 Material-UI는 다음 명령어를 사용하여 설치합니다: npm install @material-ui/core 하지만, 이 명령어로 설치를 시도할 때 React 버전과의 호환성 문제로 인해 에러가 발생하는 경우가 있습니다. 이럴 때는 --legacy-peer-deps 옵션을 추가하여 이 문제를 해결할 수 있습니다. 이 옵션은 npm이 peer dependencies(동료 의존성)를 자동으로 해결하지 않도록 하여 이전 버전의 의존성 규칙을 유지합니다. 따라..

IT/React 2022.06.29
반응형