useRef 2편 | React 이해하기 - 변수다루기 | 리액트 [4]
추천1: https://youtu.be/8GKiirwlfAk
메모는 영상 세부정보에,,, 유튜버-코딩 메모왕
/ 어려운 말을 모르기 때문에 무조건 쉬운말로 설명 /
[React 3-2편] useRef()사용하기
1. command창을 열기
2. 폴더하나 만들고 mkdir
3. code .
4. new Terminal
5. npx create-react-app appname
6. div tag 빼고 싹, 지우기
7. cd appname - npm start하면 앱이 실행됩니다.
8. ctrl + s : 저장
---- 여기까지 기본 세팅
9. 예제를 useState를 사용하여 1씩 증가시키면?
- 증가할때마다 렌더링 된다.
- State는 상태가 변화면 렌더링 된다.
- 만약 복잡한 계산을 한 것이라면, 복잡한 계산 후 렌더링 된다.
즉, 상태 증가와 렌더링 됨
10. 예제를 useRef로 변수를 관리해보자.
const rnumber = useRef(0);
값을 표현할 경우는 rnumber.current라고 사용한다.
- Ref로 관리된 변수는 상태가 변화더라도 렌더링은 되지 않는다.
- 다른 요소가 렌더링될 때 같이 렌더링 된다.
즉, 여기의 버튼의 경우 계산은 하지만 렌더링 시키고 싶지 않을 경우임.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «useRef 2편 | React 이해하기 - 변수다루기 | 리액트 [4]», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.