As i wish

styled-component를 쓰면서 가장 큰 장점은 스타일링이 템플릿 리터럴(Template Literal)을 사용하기 때문에 $ (props.isMenu ? '30px' : '')}; background-color: ${(props) => (props.isMenu ? '#8080804d' : 'transparent')}; `; const Number = styled.div` min-width: 20%; margin: auto 0; padding-left: 1%; `; const Content = styled.div` min-width: 40%; margin: auto 0; padding-left: 1%; `; const InputContainer = styled.div` min-width: 38%;..

React 로 개발을 하다보면 Layout 을 만들고 이런식으로 써야하는 경우가 있습니다. 그렇게 되면 Layout 컴포넌트에서는 children 이라는 props 를 받게 되는데 이는 이 되죠. 이때에 에게 props를 넘겨주는 방법을 알아보겠습니다. 먼저 App.js import React from 'react'; import logo from './logo.svg'; import './App.css'; import ParentComp from './childProps/ParentComp'; import ChildComp from './childProps/ChildComp'; function App() { return ( ); } export default App; ParentComp.jsx impo..

안녕하세요 엄티 입니다. 오늘은 component 분리와 props에 대하여 공부해봤습니다. 저는 제로초 님의 웹게임 강좌를 기준으로 공부 합니다. 제로초임의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 일단 그 전에 간단하게 React 에서 파일을 불러오는 두 방법 import 와 require에 대하여 알아보겠습니다. import ClassApp 을 하려면 파일에 export default ClassApp 이라고 정의되어 있어야 하며 import { hello, bye } 같이 다중으로 import 하려면 export const hello = 'hello', export const bye = 'bye' 라고 정의되어 있어야 합니다. 이와 마찬가지로 const ..