능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 개념 이벤트 버블링(event bubbling)이란, 이벤트 위임의 작동메커니즘으로, 한 요소에 이벤트 발생 시 할당된 핸들러가 동작하고, 이어서 부모요소 핸들러가 동작, 동작 동작.... 해서 가장 최상단의 조상요소를 만날 때까지 반복되는 것인데, 리액트에서도 마찬가지로 이벤트 버블링이 발생한다. 예시 import React from 'react' function Bubble() { return ( alert('나는 부모태그입니다')}> 부모태그입니다 alert('나는 p 자식태그입니다')}> p자식태그입니다. ) } export default Bubble 여기서 자식캐그인 p를 클릭하게되면, 부모인 d..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 0. 프로젝트 생성 yarn create vite 프로젝트이름 --template react 1. 모듈 설치 및 실행 yarn ↓ yarn dev 2. React 의 변수와 상태 (props, state) 최종적으로 보여주는 페이지인 app.jsx에서 css 초기화 만들어 놓고 진행하기 import React from 'react' import ReactDOM from 'react-dom/client' import App from './App' ReactDOM.createRoot(document.getElementById('root')).render( , ) 2 - 1. props 비구조화 할당 props..