본 포스트는 LasBe's Upgrade르 기반으로 정리했습니다. React.ver18 - Rendering-Batching #부제 : 리렌더링 최적화 기초 리렌더링이란? 화면을 구성하고 있는 요소들 가운데 무엇인가 변경된 상태, 즉 State가 변경되면 이를 감시한 react가 해당 요소의 부분을 새로고침없이 화면을 변경해주는 것을 말한다. 빠른 속도로 진행되기에, 사람의 눈으로 해당 부분은 인지할 수 없지만 동작하며 화면의 변경요소를 재빠르게 적용시킨다. 그런데 여기에 인지해야 할 부분이 있다. 바로 잦은 리렌더링이 많다는 것은 결국 해당 브라우저의 성능을 저하시킨다는 점이다. 개발환경에서 이는 눈에 보이지 않지만 인지해야만 하는 부분이다. 이를

본 포스트는 항해99 13기 공부 내용의 일부를 요약한 것입니다. 조금조금 REACT, CSS in JS JS의 문법체계에서 CSS를 제어한다는 것은 어떤 것일까? 정적으로 기록되었던 CSS를 동적으로 조작이 가능하게 된다는 말이 아닐까? 가령 조건문이나 배열, 함수들을 사용해서 CSS로 디자인 된 div 태그를 조작하는 그런 것 말이다. 배열에 있는 요소들로, CSS의 색 제어하기 배열에 있는 요소들을 통해서 div에 innerText 기록하기 등... styled-components 1) 터미널에서 라이브러리 설치 > #### yarn add styled-components 이런 식으로 디자인된 컴포넌트를 생성할 수 있다. flex가 선언된 StContainer와 너비와 높이 그리고 props를 통해서 테두리선이 정해질 <span style="color:orange

본 포스틴은 별코딩님의 강의를 요약하여 정리했습니다. 별코딩님의 강의코드를 옮겨적은 EDWIN의 notion 복잡한 State 제어하기 UseReducer Reducer Dispatch Action Hoo

항해99 2주자 이야기 01 항해99의 자기주도적 학습 1) 할말이 많은 자기주도학습 항해99를 소개하는 스파르타코딩클럽의 학습안내는 "자기주도적 학습"이라는 부분으로 귀결된다. 그러나 이 자기주도적 학습이 의미하는 바에 대해서 항해를 시작하기 전까지는 그 내막을 알지 못했다. 항해는 나날이 변화 중... 현재 13기를 나아가며 항해는 고정된 학습일정이 따로 존재하지 않는 것 같다. 이번 13기가 약간 심하였다. 월~토 주 100시간을 학습시키는 것이 목표라고 했지만, 출석도 퇴근도 사실 항해 측은 관심이 없다. 열심히 하는 사람이 많이 얻어가는 시스템