삼항 연산자 사용 function Link({ href, target, children }) { return ( {children} ); } Spread 연산자 사용 const props = { title: 'bar' }; function Link({ href, target, children }) { if (target === '_blank') { props.rel = 'noopener'; } return {children}; } 객체 속성 조건문 function Link({ href, target, children }) { const condition = target === '_blank'; const props = { href, // using the ternary operator: ...( cond..

삼항 연산자 조건문 function App() { const [mood] = React.useState("happy"); const greet = () => alert("Hi there! :)"); return ( Say hi ); } if문 function App() { let disabled = true; const [mood] = React.useState("happy"); const greet = () => alert("Hi there! :)"); if ("happy" === mood) { disabled = undefined; } return ( Say hi ); } Spread 연산자 function App() { let required = false; let type = "password";..