🍫 이번 시간에는 props를 통해 컴포넌트에게 값을 전달하는 법, 그리고 children에 대해 알아보겠다. 🍫 props란? properties의 줄임말 컴포넌트를 사용하게 될 때 특정 값을 전달해주고 싶을 때 사용하는 것 🍫props를 이용해서 컴포넌트에 값 전달하기 function App() { return ( ); } App 컴포넌트에서 Hello 컴포넌트에 name이라는 것을 전달해주고 싶다면 이렇게 작성하면 된다. 🍫 전달받은 props를 컴포넌트에서 사용하기 function Hello(props){ console.log(props) return Hello!; } Hello 컴포넌트에서 props를 사용하고 싶다면 인자로 props를 넣어주면 된다. props를 콘솔로 확인해보면 다음과 같다..

#2.1 Reusable Components with JSX + Props(컴포넌트에서 정보를 보내고 사용하는 법) 🍨 이번시간에는 컴포넌트에서 정보를 보내고, 정보를 사용하는 방법을 알아볼 것이다. 우리는 컴포넌트를 file을 이동하면서 작성하고 싶지 않기 때문에 App.js에서 컴포넌트를 작성하는 작업을 할 것이다. import React from "react"; function Potato(){ return I like Potato.; } function App() { return ( hello!! ); } export default App; ↑ App.js 이렇게 App.js 파일 하나에서 Potato 함수를 만들어서 사용할 수 있다. 🍨 JSX 에서는 컴포넌트에 정보를 보낼 수 있다! → 재사용..