기록하는 개발자

react 컴포넌트 선언하는 방식에는 클래스형 컴포넌트와 함수형 컴포넌트가 있다. 그렇다면 두 방식의 차이점은 무엇일까? 1. 선언 방식 클래스형 컴포넌트 import React, {Component} from 'react'; class App extends Component { render() { const Hello = 'hello'; return {Hello} } } export default App; 1. class 키워드가 필요하며, Component 상속을 받아야한다. 2. render() 메소드가 반드시 필요하다. 3. 함수형보다 메모리 자원을 더 많이 사용한다. 4. state, lifeCycle 관련 기능(생명주기함수)사용이 가능하다. 5. 함수형보다 메모리 자원을 더 많이 사용한다. 6..

Property 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용한다. property 값은 수정할 수 없다는 특징이 있다. property의 기초 App 컴포넌트는 MyComponent에 속성 형태로 프로퍼티를 전달한다. import React from "react"; import MyComponent from './MyComponent'; class App() extends React.Component{ render(){ return ( ); } } export default App; MyComponent에서는 name이라는 이름의 프로퍼티로 전달받은 "msg" 문자열을 render 함수에서 참조한다. 아래 코드에서 this.props.name으로 프로퍼티 값을 참조하고 있음을 확인할 수 있다. ..