react

React를 공부하면 항상 언급되는 state와 props.state와 props는 렌더링에 영향을 미치는 중요한 요소이다.컴포넌트에 어떤 것을 사용해야할 지 알기 위해이 두 가지 요소에 대해 정리해보자.두 요소의 공통적인 요소는 자바스크립트 객체로, 렌더가 업데이트되

🤔상태관리를 위한 useReducr? 상태관리를 하는 방법들은 많다. 흔히 useState를 통해서 관리할 수 있고 context를 사용하여 전역변수로 사용한다던가 Redux와 같은 라이브러리를 사용하기도 한다. 이 수많은 상태관리 방법 중에 useReducer를 사

🤔 JSX와 portals? JSX? JS를 의미하는 건가? 뒤에 x과 붙은 건 무슨 의미일까 궁금해진다. portals은 react에서 어떻게 쓰이고 있는 걸까? 오늘의 공부 주제들은 흥미롭다. 예시를 학습하며 공부해보도록 하자. JSX UI를 가독성있게 짤 수

개발을 하면서 무수히 많은 폼 요소들을 마주한다. 이 요소들 중 원하는 input요소에 focus를 하기 위해 DOM요소를 어떻게 제어해야될 지에 대해 고민하게 된다. ref라는 프로퍼티를 익히고 이를 해결해보자.ref는 render 메서드나 return값으로 생성된

🤔 렌더링 성능 최적화란? React.memo 고차 컴포넌트(Higher Order Component) 컴포넌트가 불필요한 재평가가 이루어지는 것을 막기 위해 사용. React.memo로 랩핑된 컴포넌트는 결과를 메모이징(Memoizing)하여 성능을 향상시킴. 컴

🤔 공식 블로그를 읽게 된 계기? 최근 2주간 러버덕 중심으로 Be real FE 스터디 친구들과 공부하고 있다. 이번에는 Event Handler html에 달렸었는데 어떠한 이슈로 가장 가까운 div?에 달리도록 Event Pooling 이전에는 이벤트 풀링을