목록Ref (3)

개발스터디일지

[항해 99] 16일차 _ 20220524화

CS 스터디 스파르타클럽 3주차 강의 ( 라우팅 ) 리액트 팀과제 질문 설명 ( 함수형에서 ref 사용하는 방법 ) 👉 CS 스터디 파트 10. 비트모아 데이터 👉 스파르타클럽 3주차 강의 ( 라우팅 ) ▼ 리액트 라우트 설치 방법 ▼ 꼭 버전 5로 설치해야한다!! 버전 6 은 문법이 달라졌다. yarn add react-router-dom@5.2.1 👉 리액트 팀과제 질문 설명 ( 20:00~ ) 함수형에서 ref 사용하는 방법 const Test = () => { const input = useRef(null); console.log(input.current) // 이 나올 것 같지만 null 이 나온다. // 아직 저장내용이 찐돔으로 가지 않았기 때문에 input을 못찾는 것이다. window.se..
항해 99/TIL & WIL 2022. 5. 24. 23:50
[항해 99] 15일차 _ 20220523월

CS 스터디 팀과제 회의 때 설명할 개념 공부&정리 ( DOM / 가상돔 / ref ) 스파르타클럽 리액트 3주차 인강 ( 라우팅 ) CS스터디 https://danpoongcoding.tistory.com/37 6. [통신] 079 곳곳에 도사리는 위험 079 곳곳에 도사리는 위험 - 웹의 경우 상당히 많고 복잡한 보안 문제를 제기 크게 3가지 범주로 나눈다. 1) 클라이언트 공격 - 가장 흔하게 볼 수 있는 보안 문제로 '스팸'이나 '추적' 골칫거리 수 danpoongcoding.tistory.com 팀과제 회의 때 설명할 개념 공부&정리 ( DOM / 가상돔 / ref ) 2022.05.23 - [프론트엔드/React] - [리액트] DOM / 가상돔(virtual DOM) / ref 란 [리액트]..
항해 99/TIL & WIL 2022. 5. 23. 23:55
[리액트] DOM / 가상돔(virtual DOM) / ref 란

DOM 이란? Javascript에서 html 내용을 추가/수정/변경 하고 싶을 때 Javascript 상에서 html요소를 가져와서 사용하는 것 가상돔(virtual DOM) 이란? 가상돔은 ‘브라우저에 진짜로 뜨는 화면(이하 찐돔)’으로 가기 전에 ‘만약 개발자가 코드를 수정하면 찐돔에 어떻게 보여질까’ 를 그려주는 찐돔의 복사본입니다. 가상돔(virtual DOM) 은 왜 쓰는걸까? 만약에 가상돔이 없이 찐돔에 바로 코드 수정사항을 넣는다면, 찐돔은 수정사항 이외의 모든 코드를 일일히 확인합니다. 따라서 속도도 더 걸리고 복잡해집니다. 하지만 가상돔이 있으면, 리액트는 가상돔에서 수정된 부분만을 쏙 찾아내고 그 부분만을 찐돔에 입력합니다. 가상돔과 찐돔 사이를 그림으로 그려봤다 ▼ ref 란? 돔..
프론트엔드/React 2022. 5. 23. 22:50
이전 Prev 1 Next 다음