Component 2

클래스형 컴포넌트 vs 함수형 컴포넌트

리액트에서 컴포넌트를 선언하는 방식에는 두 가지가 있다. 클래스형 컴포넌트와 함수형 컴포넌트 과거에는 클래스형 컴포넌트를 주로 사용했지만, 2019년 v16.8부터 함수형 컴포넌트에 리액트 훅(Hook)을 지원, 현재 리액트 공식 문서에서는 함수형 컴포넌트 사용을 권장하고 있다. 하지만, 아직 사용하고 있는 곳들이 있어 유지보수를 위해 두 가지 방식 모두 알고는 있어야 한다. 클래스형 컴포넌트 기본적으로 함수형 컴포넌트와 동작은 같지만, 클래스형 컴포넌트는 보다 더 많은 기능을 제공해 주는 것이 함수형 컴포넌트와의 차이점이다. state를 이용해 상태를 나타내거나 component lifecyle에 정의된 메서드(componentWillMount(), componentDidMount() 등)을 이용해 원..

programming/React 2021.08.02

React. 컴포넌트 만들기, Props, state

※본 포스팅은 생활코딩님의 리액트 강의를 바탕으로 작성한 글입니다. 컴포넌트 만들기 HTML로 코드를 작성했을 때 WEB world wide web! HTML CSS JavaScript HTML HTML is Hyper Text Markup Language. 컴포넌트를 만드는 코드 class App extends Component { render() { return ( Hello, React! ) } } 리액트가 가지고 있는 컴포넌트라는 클래스를 상속해서 새로운 App라는 클래스를 만든다 그리고 그 클래스는 render라는 매서드를 가지고 있다. 위 HTML 코드를 React로 정리하면 class Subject extends Component { render() { return ( WEB world wi..

programming/React 2021.02.18