import React from 'react'; function Wrapper({children}){ const style={ border: '2px solid black', padding : 16 }; return {children} } export default Wrapper; import React from 'react' import Hello from './Hello' import Wrapper from './Wrapper' function App() { return ( ); } export default App; {children}이라는 prop은 태그와 태그 사이의 내용을 넣을때 주로 쓰임. 즉 자식 컴포넌트를 줄 때 사용하는 prop 벨로퍼트님의 리액트 강의를 듣고 정리하였습니다.

import React from 'react'; function Hello({color, name}){ return 안녕하세요 {name}; } Hello.defaultProps = { name : '이름없음' }; //Hello라는 Component를 만들어서 내보내 주겠다 export default Hello; import React from 'react' import Hello from './Hello' function App() { return ( ); } export default App; defaultProps은 기본 값으로 셋팅해주는 prop, prop을 따로 지정해주지 않으면 기본값으로 설정해둔 prop이 전달된다.

'npm run start의 의미는 start에 들어있는 스크립트를 시작해라' 라는 의미입니다. start에 시작점으로 쓰일 js파일을 넣어주어야 하겠죠

터미널 키고 npm install express --save

터미널키고 node -v 라고 입력하면 설치된 node.js의 버전을 확인할 수 있다.