패스트캠퍼스 챌린지 47일차 - 한 번에 끝내는 프론트엔드 개발 초격차패키지 online

 

 챌린지 47일 차. 리액트에 관한 보다 더 자세한 기능들의 강의를 들었다. 

 

Reconciliation

 

1. 리액트에서 렌더 전후의 일치 여부를 판단하는 규칙이다. 

2. 서로 다른 타입의 두 엘리먼트는 서로 다른 트리를 만들어낸다. ( 그래서 새로 렌더가 되어야한다.)

3. 개발자가 key prop을 통해, 여러 렌더링 사이에서 어떤 자식 엘리먼트가 변경되지않아야 할지 표시해 줄 수 있다. 

   그러므로 더 효율적으로 코드를 활용할 수 있다. 

 

React.createPortal

 

 리액트에서 제공하는 API이다. 

https://ko.reactjs.org/docs/portals.html

Portals – React

 Portal이라는 항목으로 리액트 공식문서에서도 나와있으며 createPortal라고하는 API를 사용해서 리액트의 렌더영역에 있지않고 바깥쪽에 있는 DOM에 리액트의 컴포넌트를 렌더할 수 있는 기능이다. 

 

render() {
  // React는 새로운 div를 마운트하고 그 안에 자식을 렌더링합니다.
  return (
    <div>
      {this.props.children}
    </div>
  );
}

 

React.forwadRef

 

 리액트에서 제공하는 API이다. 

https://ko.reactjs.org/docs/forwarding-refs.html

Forwarding Refs – React

Forwarding Refs라는 항목으로 리액트 공식문서에도 나와있으며 하위 컴포넌트에 있는 레퍼런스를 상위 레퍼런스에서 이용할 수 있게 하는 것이다. forwadRef는 하위에 있는 DOM요소의 레퍼런스를 지정하기 위해서 상위로 레퍼런스를 지정하는 방식이다. 

 

 

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.


#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online