오늘 배운 내용
Ref 란 무엇일까 ?
- 먼저 뜻이 어디서 파생되었는지 알아보았다. reference의 준말이라고 한다. 한국말로는 참조, 참고 정도의 뜻을 지닌다고 보면된다.
- 일반적으로 HTML에서 DOM요소에 이름을 달때는 id라는 고유값을 사용한다. 이처럼 리액트에서도 DOM요소에 이름표를 붙이는 방법이 있는데 이를 ref라고 부른다.
- Ref는 사실 일반 객체이다. Ref를 console.log로 찍어보면 {current: null} current 프로퍼티 하나를 가진 객체가 나타나고 React는 이 객체를 통해 DOM에 직접적인 접근을 가능하게 해준다.
Ref 를 사용하는 이유
- id는 유일해야 하지만 컴포넌트 재사용을 한다면 중복될 가능성이 있다.
- ref는 전역적으로 작동하지 않고 컴포넌트 내부에서만 작동한다.
- 리액트에서 state로만 해결할 수 없고, DOM을 반드시 직접 건드려야 할 때 사용
내일 할 내용
- 개인 과제 기능 구현하기
- props, state 개념 확실히 익히기