react3

• 

  [React] 불변성이 뭘까? 불변성을 지켜야 하는 이유, 배열과 객체의 불변성을 지키는 방법. 불변성(Immutability)란 객체나 데이터 구조가 생성된 이후에는 변경되지 않음을 의미합니다. 즉, 한번 생성된 객체는 그 상태를 변경할 수 없는 것을 말합니다. 불변성은 수정 불가능한(Immutable) 데이터를 사용하고 데이터의 변경이 필요한 경우에는 새로운 객체나 데이터 구조를 생성하여 기존 데이터를 복사하고 수정하는 방식으로 처리합니다. 여러 이점과 효과를 가지고 있으며, 다음과 같은 특징을 가지고 있습니다. 1. 변경 추적 : 불변성을 유지하면 데이터가 변경될 때마다 새로운 객체나 데이터 구조가 생성되기 때문에 변경을 추적하기 쉽습니다. 이전 상태와 비교하여 변경 사항을 파악할 수 있습니다. 2. 예측 가능한 동작 : 불변성은 데이터의 상태 변화를 방지하므로 코드의 동작을 예측하기 쉽고 디.. react 2023. 5. 24.

• 

  [JavaScript] html2canvas 로 화면 캡처 후 저장하기 (React) 작성하고 있는 화면을 이미지로 저장하여 관리해야 하는 일이 생겨 구글링을 했는데 html2canvas 라이브러리를 이용하는 경우가 많아 사용해보았습니다. npm 링크 : https://www.npmjs.com/package/html2canvas html2canvas Screenshots with JavaScript. Latest version: 1.4.1, last published: 8 months ago. Start using html2canvas in your project by running `npm i html2canvas`. There are 1679 other projects in the npm registry using html2canvas. www.npmjs.com 먼저 html2canv.. javascript 2022. 9. 21.

• 

  [React] 자주 사용되는 생명주기 메서드 render() render() 메서드는 클래스 컴포넌트에서 반드시 구현해야 하는 유일한 메서드입니다. 이 메서드가 호출되면 this.props 와 this.state 값을 활용하여 아래의 것 중 하나를 반환해야 합니다. -- React 엘리먼트 : 보통 JSX를 사용하여 생성됩니다. ex) 와 는 React가 DOM 노드 또는 사용자가 정의한 컴포넌트를 만들도록 지시하려는 React 엘리먼트입니다. -- 배열과 Fragment : render()를 통하여 여러 개의 엘리먼트를 반환합니다. https://ko.reactjs.org/docs/fragments.html -- Protal : 별도의 DOM 하위 트리에 자식 엘리먼트를 렌더링합니다. https://ko.reactjs.org/docs/portal.. react 2022. 1. 5.