패스트캠퍼스 챌린지 13일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

 

---

패스트캠퍼스 챌린지란?

 패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

13일차

 13일차에는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 20. Ref로 DOM 다루기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 20. Ref로 DOM 다루기 강의에서는 시작하기 전에 본격적인 강의를 시작하기에 앞서 DOM에 대해 다시금 얘기하는 시간을 갖는다. DOM은 브라우저가 불러온 웹 페이지를 나타내며 React는 Element가 화면에 그려지는 거니깐 Element 조작하기가 아닌가라는 의문을 가질 수 있다. 하지만, 결국 React의 Element도 브라우저 입장에서는 DOM과 똑같기 때문에 DOM 조작하기라고 강의 제목을 설정하셨다고 말하면서 시작한다. React에서 DOM을 다루기 위해서 useRef를 사용하는데 이 useRef의 값 안에는 current가 있고 current 안에 우리가 사용을 원하는 것들이 존재하기 때문에 이 부분을 알고 넘어가야 한다. 또 이런 과정을 거치면서 왜 React는 document.getElementById 류를 사용하지 않고 useRef와 같이 별도의 방법을 사용하는지 이유에 대해 알아보는데 React는 스스로 Element를 최적화해서 렌더링하는 자신만의 로직을 갖고 있는데 document API를 이용해서 직접 조작하면 비효율이 일어날 수 있다. React안에서 React 권장하는 도구를 이용해야 효율적으로 이용할 수 있기 때문이다. 

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC