주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

강의 유튜브 주소 : https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn 리액트 최적화를 알기 위해서는 렌더링되는 부분을 이해해야한다. class함수는 render부분이 리렌더링되고 함수컴포넌트는 전체가 리렌더링이 된다. import React, { Component } from 'react'; class Test extends Component{ state = { counter : 0 }; onClick = () => { this.setState({}); }; render(){ return ( 클릭 ); } } Test코드에서 버튼을 클릭하면 리렌더링이 될까?? onClick 함수에서 setState하고 ..

점수표 class는 10점 속성선택자 10점 id는 100점 inline은 1000점 imporatnt는? 행동 id 1개에 100점, 클래스 101개 1010점 비교 inline기입 1000점 클래스 101개 1010점 비교 important와 inline 비교 important와 id, inline 비교 속성 선택자 10점 클래스 10점 비교 See the Pen css specificity by leeyoonseo (@okayoon) on CodePen. 결과 id 1개(100점) > 클래스 101개(1010점) inline style(1000점) > 클래스 101개(1010점) important (??) > inline style (1000점) important (??) > id, inline s..