Programing/React2 [React] DOM과 Virtual DOM ✅ DOM 이란?HTML 문서를 JavaScript 가 다룰 수 있게 트리구조로 만든 객체 모델입니다.요소와 속성, 이벤트, DOM 조작 메서드 등의 정보를 가지고 있습니다. ⚙️ 요소(element) : 웹 페이지의 HTML 요소 ex) div, p 등⚙️ 속성(Attribute) : 요소의 속성 ex) id, class, style 등⚙️ 이벤트(event) : 클릭 이벤트, 키보드 입력, 마우스 이동 등의 상호작용⚙️ DOM 조작 메서드 : querySelector, createElement 등 🤔HTML을 어떻게 JavsScript 가 조작할 수 있을까요?브라우저로 HTML 문서를 열면 렌더링 엔진이 HTML 문서를 한줄한줄 읽고 해석합니다.해석이 끝나면 객체화 합니다. 이렇게 만들어진 것이 .. Programing/React 2024. 4. 28. [React-Router] useLocation과 useParams 경로에 대한 여러 정보를 가지고 있는 useLocation() Location : 위치, 장소useLocation은 경로에 대한 정보를 가지고 있습니다.이 정보들은 무엇이 있는지 살펴보겠습니다.아래는 '/products/Women' 라는 경로로 이동했을 때 useLocation()의 값입니다.pathname : 현재 URL의 경로search : 현재 URL의 쿼리 부분hash : 현재 URL의 해시 부분state : 페이지 전환시 전달된 상태, 와 useNavigation()으로 state를 전달할 수 있습니다. 사용법Link.jsx : 페이지를 이동시키는 버튼 컴포넌트 Women Products.jsx : 페이지 이동시 데이터를 받는 컴포넌트cons.. Programing/React 2024. 1. 8. 이전 1 다음
