react 2

[WIL] week5 회고

Keep 미니 프로젝트 스케줄대로 진행 계획된 시간에 공부하기 React 선행학습 / 스터디 React Query, Redux Toolkit에 대한 기초적 이해 아침 운동 Problem 알고리즘 공부하는 시간이 줄어듦 타입스크립트 스터디 필요 운동하는 시간이 격일로 불규칙 해짐 (장마로인한 테니스 불참) 1일 1블로깅 유지하기 Try(우선순위) 미니프로젝트 추가 기능 구현 정규시간엔 프로젝트에 올인하고 타입스크립트 공부하기 프로젝트 최적화 신경쓰기 1일 1블로깅 유지하기 정해진 아침시간에 운동하기 5주차를 마치며 미니 프로젝트 주차에 프론트를 혼자 맡게 되었는데 다행히 실력도 인성도 훌륭한 백엔드 팀원을 만나 주어진 기간보다 빠르게 프로젝트를 마치게 됨 API 설계 작성부터, 와이어프레임 설계, UI ..

Programming 2023.07.17

[React] Virtual DOM

Virtual DOM React에는 virtual DOM이라는 가상의 DOM 객체가 존재 실제 DOM 객체에 접근하여 조작하는 대신 Virtual DOM 객체에 접근하여 전후를 비교, 바뀐 부분을 적용 Virtual DOM 활용 이유 DOM은 브라우저가 트리구조로 만들어진 객체 모델이기 때문에 JavaScript는 쉽게 DOM 객체에 접근할 수 있고, 조작 가능 프로그래밍 언어로 조작하는 DOM은 애플리케이션 UI 상태가 변경될 때마다 전체 업데이트. 이런 렌더링은 브라우저의 구동 능력에 의존하기 때문에 DOM의 조작 속도는 느려짐 일정 부분이 바뀐다면 전체가 아닌 바뀐 부분만 렌더링 하기 위해 Virtual DOM이 등장 Virtual DOM 객체는 화면에 표시되는 내용을 직접 변경하는 것이 아니라 실..

Programming 2023.06.26