[ React ] 재사용가능한 Component
·
Archive/Develop
1. 컴포넌트를 재사용해보자 import React from "react"; function Butter(){ return( Do you know me? ) } function App() { return ( Halo! ); } export default App; 만약 위와 같은 코드가 있다고 가정해보자. 현재 서버 상태는 이렇다. 그런데, 내가 Do you know 블라블라 ? 를 많이 출력하고 싶다. 한 1000개 정도? 그럼 저 App 안에 함수를 1000개 생성해야할까? 노놉. 컴포넌트를 재사용해보자. 먼저 해야할 것이 있다. import React from "react"; function Butter(){ return( Do you know me? ) } function App() { return..
[ React ] What is the component & jsx? | How to create component
·
Archive/Develop
1. 컴포넌트 :: HTML 을 반환하는 함수. 기본적으로 들어있는 App.js 코드에도 이를 볼 수 있다. import React from "react"; function App() { return ( ); } export default App; 중앙에 들어있는 APP 이 바로 그 존재이다. 이것은 index.js 에서 컴포넌트로 활용된다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( , document.getElementById('root') ); 바로 과 같은 형태로. React 는 component 를 사용해서 HTML 처럼 작성할 때 필요하다. 2. jsx ..