❓ React-Hooks란? React에서 만든 함수형 컴포넌트에서도 클래스형 컴포넌트와 동일한 기능을 사용 가능하도록 하는 도구 쉽게 설명하면, Hooks가 있기 때문에 간단한 함수형 컴포넌트로 클래스형 컴포넌트를 대신할 수 있다는 것이다. 대표적인 Hooks에는 useState, useEffect가 있다. 클래스형 // 클래스형 import { Component } from "react"; class New extends Component { constructor(props){ super(props) // 다른 컴포넌트한테 받은 데이터 this.state = {} // 컴포넌트 안에 보관해둘 데이터 } componentDidMount(){ // 컴포넌트가 최초 그려진 후 실행 } componentDi..
❓ 컴포넌트란? 컴포넌트란 UI 또는 기능을 부품화해서 재사용이 가능하게 만드는 것이다. 동일한 UI를 재활용하므로, 원본만 변경하면 모두 적용되게 한다. 데이터는 각 컴포넌트에 맞게 변경하여 사용이 가능하다. ✍️ 컴포넌트 작성 방법 클래스형 import { Component } from "react" class New extends Component { render(){ return 이것은 클래스형 컴포넌트 } } export default New 함수형 // 함수형 컴포넌트 작성법 1 function New(){ return 이것은 함수형 컴포넌트 } export default New // 함수형 컴포넌트 작성법 2 const New = () => 이것은 함수형 컴포넌트 export default ..
✍️ 정의 React는 javascript를 쉽고, 효율적으로 사용할 수 있도록 Facebook에서 만든 도구이다. Component라는 부품을 만들어 큰 프로젝트에서 페이지를 만들 때, 갈아끼우는 방식으로 개발할 수 있다. 대표적인 서비스로 페이스북, 인스타그램, 에어비앤비 등이 있다. ❓ React를 배워야하는 이유 대표적인 프론트엔트 도구로 React, Angular, Vue 가 있다. 이중에서 React를 배워야하는 이유는 다음과 같다. 가장 많은 사용자 수 npm은 javascript로 만들어진 도구들을 다운로드 받을 수 있는 사이트인데, 이런 npm trends라는 npm에서 다운로드된 도구들의 다운로드 경향을 보여주는 사이트에서 다운로드 수가 가장 많다. React 하나를 배우면 웹, 안드로..
