whatisthis?

props를 사용하는 방법 props = 부모 컴포넌트로부터 자식 컴포넌트에게 데이터를 전송하는 방식. (부모->자식) 부모에 props를 사용하면 자식 컴포넌트(함수)의 인자로 props 객체가 들어가게 됨. >> 하나의 버튼을 만들어서 props를 이용해 버튼의 스타일을 관리해서 재사용 할 수 있게됨. - 예> 우리가 버튼을 두개를 만드는데, 디자인(즉, style속성)은 같게 하고 안에 텍스트만 다르게 하고 싶을 때는 1 / 우선 Btn이라는 컴포넌트를 만든다. function Btn() { return ( ); } 2 / Btn 컴포넌트를 설정할 App컴포넌트를 만든다. function App() { return ( ); } 우선은 Btn 안에 텍스트를 다르게 설정해야하므로 Save Changes..

React. React JS - Unit Converter (CSS추가) Unit Converter (수정) React) React JS - practice. 단위변환기 (Unit Conversion) React JS 기초 예제 실습 - 단위 변환기 (Unit Conversion) 분(M) - 시간(H) M = H * 60 H = M / 60 function App() { retu.. mywebproject.tistory.com - km에서 mile단위 변환기 기능 추가 - select메뉴 포함하는 App 컴포넌트 - css 변경 converter.html style.css * { margin: 0; box-sizing: border-box; font-family: -apple-system, BlinkM..

Unit Converter (수정) React) React JS - practice. 단위변환기 (Unit Conversion) React JS 기초 예제 실습 - 단위 변환기 (Unit Conversion) 분(M) - 시간(H) M = H * 60 H = M / 60 function App() { return ( Unit Converter Minutes Hours ); } ❗❗ 주의 우리는 jsx를 사용중인 것이지 H.. mywebproject.tistory.com index.html style.css @import "./reset.css"; * { margin: 0; box-sizing: border-box; font-family: "Noto Sans KR", sans-serif; } html { ..