Sweet But Psycho

props란 ? 컴포넌트 속성을 나타내는 데이터! 함수 컴포넌트와 클래스 컴포넌트 모두 컴포넌트 자체 props를 수정해서는 안된다!!! 수정할 수 있는 것은 state이다. props 를 다룰 때에는 순수함수처럼 동작해야 한다. 👉순수함수는 입력값을 바꾸지 않고 항상 동일한 입력값에 대해 동일한 결과를 반환하는 함수이다. function pureFunc(a, b){ return a + b; } function notPureFunc(account, amount){ account.total -= amount; return amount } 📌함수형 컴포넌트 function Welcome(props){ return Hello, {props.name} } 해도 되고 const Mycomponent = ({nam..

1. 선언방식 📌 함수형 컴포넌트 import React from "react"; function App() { const name = "react"; return {name}; } export default App; 📌클래스형 컴포넌트 -class 키워드가 필요하다. -component로 상속 받아야 한다. -render() 메서드가 반드시 필요하다. class App extends Component { render() { const name = "react"; return {name}; } } export default App; 2. 일반적 차이 📌함수형 컴포넌트 state, lifeCycle 관련 기능을 사용할 수 없다. 👉Hook을 통해 해결 가능 메모리 자원을 클래스형 컴포넌트보다 덜 사용한다...