울렁울렁~~ 울렁울렁~~

1. A, B는 자식이고 같은 부모가 있음2. A- >B로 데이터를 전송   2-1) A compenent에서 0 또는 1 버튼을 누르면 결과가 B Component 에서 표시되도록 하기  1.props&emitA.vue 0 1   Parent.vue Parent --> {{result}} -->    B.vue{{ result }}   2.Mitt 1. mitt 설치npm install mitt  2. 이벤트버스 설정// src/eventBus.jsimport mitt from 'mitt';const eventBus = mitt();export default eventBus;  A.vue 0 1..

DOCTYPE html>html> body> div id="root"> --> click me --> div> body> script src="https://unpkg.com/react@18/umd/react.production.min.js">script> script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js">script> script src="https://unpkg.com/prop-types@15.7.2/prop-types.js">script> script src="https://unpkg.com/@babel/standalone/babel.min.js">script> script type="text/babel"> c..

Components와 Props – React공식 문서1. Components와 Props의 정의React는 Component기반의 구조리액트에서는 모든페이지가 component로 구성되어 있고하나의 component는 다른 component로 구성되어 있기도 함→ 마치 레고 블록을 조립하듯 component들을 모아서 개발위 사진에서의 A,B와 같이 여러 component를 반복하여 하나의 페이지를 구성하나의 컴포넌트를 반복적으로 사용하여 개발시간와 유지보수 비용을 줄일 수 있음1-1. component의 구조자바스크립트의 함수와 유사함입력을 받아 출력하는 구조그러나 다른 점이 있는데 그것은 Props를 입력받아 element를 출력하는 것객체 지향 class(component) / instance(e..