기록장

App.js에서 Wrapper 라는 컴포넌트를 쓰다가,Wrapper안에 새로운 요소를 추가해야 하는 상황이라면,(원래 컴포넌트 안에 태그를 추가 할 수없음ㅇ) 기존 Wrapper.jsx안에 코드(div,p 등등) 를 추가해야 하지만,Wrapper.jsx에 children 요소를 추가함으로써html 처럼 App.js에 자식요소를 그대로 넣을 수 있게 됨   | Wrapper.jsx 코드import React from "react";function Wrapper({ children }) { return( {children} );}export default Wrapper; Wrapper 에 자식요소로 들어갈 children 을 지정해주고,App.js에서 html 에서 div,p등등을 입력하듯 작성함  ..

App.jsimport React from "react";import Wrapper from "./component/Wrapper";import Hello from "./component/Hello";import "./App.css";function App() { /* 객체형으로 현재 컴포넌트에서 스타일을 선언하는 방법 */ const style = { backgroundColor: "skyblue", color: "white", fontSize: 40, padding: "1rem", }; const name = "hello2"; return ( {/* css를 적용하는 방법 : className 속성에 적용 */} {/* 컴포넌트안에 ..