[React] React 컴포넌트 라이프사이클 및 메소드

컴포넌트 라이프사이클 라이프사이클 메서드는 총 9가지가 있다. 아래와 같은 접두사가 붙어있는 경우도 있다. Will + ~ : 어떤 작업을 작동하기 전 실행 Did + ~ : 어떤 작업을 작동한 후 실행 🔍 리액트 컴포넌트의 라이프사이클 마운트(Mount) : DOM이 생성된 후 웹 브라우저에 나타나는 것. 업데이트(Update) : 컴포넌트에서 props가 바뀔 때, state가 바뀔 때, 부모 컴포넌트 리렌더링 때, this.forceUpdate로 강제 렌더링할 때 업데이트 됨. 언마운트(Unmount) : 마운트의 반대 과정. DOM에서 컴포넌트를 제거하는 과정 * 생명 주기 React의 생명 주기는 생성(mounting) - 업데이트(updating) - 제거(unmounting) 단계로 구성되어..

• format_list_bulleted React
• · 2023. 7. 5.
• textsms

[React] react-icons 사용하는 방법

React 아이콘 사용하기 https://react-icons.netlify.com/#/ 여기 사이트로 접속하세요. 설치방법 yarn add react-icons 사용방법 저는 이 중에서 IonIcon을 사용해보겠습니다. IonIcon 중에서도 갯수 다양하죠? 저는 닫기 아이콘을 사용해보겠습니다. ctrl+f 를 누르고 찾기를 누르면 됩니다. import { ICON_NAME } from "react-icons/io"; //예) import { IoIosClose } from "react-icons/io"; // 맨위에서 사용하고픈 아이콘을 골라 Icon_name에 써줍니다. *** //위에서 불러온 형태 그대로 사용해줍니다. 옵션 추가 import { ICON_NAME } from "react-icon..

• format_list_bulleted React
• · 2021. 1. 7.
• textsms