우사미 코딩

1. App.js import ProfileCard from "./ProfileCard"; function App(){ return( Personal Digital Assistance ); } export default App; src파일에 ProfileCard.js라는걸 만들었고 이 컴포넌트의 props로 title, handle정보를 넘겨줄 것이다 2. ProfileCard.js // function ProfileCard(props){ // 아래와 동일 function ProfileCard({title, handle}){ // const title = props.title; // const handle = props.handle; // const { title, handle } = props; // ..

1. Layout function App(){ const name = 'usami'; const age = 5; return ( My name is {name} and I'm {age}! ) } 변수를 선언하고 보여질 컴포넌트에 컨텐츠를 업데이트하는데 오잉 컴포넌트는 대부분 비슷한 레이아웃을 하고있네영 그럼 뭐다? 재활용이 가능하게 컴포넌트화 하면 된다! 암튼 이건 컴포넌트에서 다시 다룰거임 html input태그에 속성을 입력하는 것을 jsx에서는 props라고 하는데 이걸 어떻게 사용하는지 보겠습니당 1. 변수로 속성 설정하기 function App(){ const inputType = "number" const minValue = 5; return } 2. curly braces로 속성을 array..