목록전체 글 (374)
Silver Library (Archived)
function 으로 시작하는 것이 유일한 것이므로, const 쓰면 뱉어대는 에러 메세지는 곧 무능과도 같다(...) 하지만 절망감에 빠져있기 보다는, const 를 어떻게 적용 해서 props.children 까지 자유로이 합성 가능한지 알아보자. import React from 'react'; function Home() { return ( Hello! ); } export default Home; 이 위의 코드를 const 로 바꿔 볼 생각이다. https://stackoverflow.com/questions/40825010/const-or-let-in-react-component const or let in React component Say I have a React component -- d..
https://ko.reactjs.org/docs/composition-vs-inheritance.html 합성 (Composition) vs 상속 (Inheritance) – React A JavaScript library for building user interfaces ko.reactjs.org 자, 한번 알아보자. 분명 이론으로는 알지만, 어떻게 구현해야 할 지 감이 안잡히는 경우에 유용할 것이다. 이 작업은 "컴포넌트에서 다른 컴포넌트를 담기" 라고 한다. 그럼 어떻게, 합성을 할 수 있을까? 상속에 상속이라는 느낌으로 이해하면 좋을 것 이라 본다. 아래의 코드대로 출력하면, CSS 의 내용물 또한 같이 정상적으로 출력이 가능하다. 1. FancyBorder 를 보면, (props) 가 있다...
이를 컴포넌트라 지칭. https://www.youtube.com/watch?v=N3AkSS5hXMA 그럼, 어떻게 깔끔하게 코딩이 가능할까. 우선 당장 import 부분을 깔끔하게 하는 법에 대해 기록해보겠다. src > App.js import React from "react"; import Home from './pages/Home.js'; import Skills from './pages/Skills.js'; import Projects from './pages/Projects.js'; import About from './pages/About.js'; import Contact from './pages/Contact.js'; function App() { return ( Hello! ); } e..