목록2024/07/29 (3)
연습장
https://www.youtube.com/watch?v=pjakE0D4CeI 클래스 컴포넌트 예시import React, { Component } from 'react';// 예시로 사용할 클래스 컴포넌트 정의class Counter extends Component { constructor(props) { super(props); // 초기 상태 설정 this.state = { count: 0 }; } // 증가 메서드 incrementCount = () => { this.setState({ count: this.state.count + 1 }); } // 감소 메서드 decrementCount = () => { this.setState({ cou..
https://www.youtube.com/watch?v=XWqs1mMPJ30 자바스크립트는 DOM 요소에 직접 접근하여 조작하는데, DOM의 요소가 많거나 접근과 조작이 빈번한 경우 성능의 문제가 발생할 수 있습니다. 이에 대한 방안으로 Virtual DOM 을 활용할 수 있습니다. Virtual DOM은 실제 DOM을 추상화하여 만든 자바스크립트 객체로 트리 구조로 표현됩니다. 초기 상태를 담은 Virtual DOM을 메모리 상에 하나 생성state나 props가 변경시, 새로운 버전의 Virtual DOM을 메모리 상에 하나 더 생성두 Virtual DOM을 비교하여 어떤 부분이 변경되었는지 확인변경된 부분만 실제 DOM에 적용합니다. 그럼 state나 props가 변경될 때마다 Diffing과..
https://velog.io/@developer-sora/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EB%A9%B4%EC%A0%91-%EC%A7%88%EB%AC%B8-%EC%A0%95%EB%A6%AC-Part1CS-JSReact 프론트엔드 면접 질문 정리 Part1(CS, JS,React)면접을 준비하자velog.io 해당 사이트의 질문을 참고 했습니다.Virtual DOM이 무엇이고 작동 원리에 대해 설명해주세요자바스크립트는 DOM 요소에 직접 접근하여 조작하는데, DOM의 요소가 많거나 접근과 조작이 빈번한 경우 성능의 문제가 발생할 수 있습니다. 이에 대한 방안으로 Virtual DOM 을 활용할 수 있습니다. Virtual DOM은 실제 DOM을 추상..