리액트

🎆 useEffect useEffect()는 페이지의 마운트, 언마운트, 업데이트 시 작업을 설정한다. 용어 설명 Mount 컴포넌트가 페이지에 나타남 unMount 컴포넌트가 페이지에서 사라짐 업데이트는 useEffect() 특정값에 의존하여 해당 값이 변경, 실행되면 해당 useEffect()를 재실행한다. useEffect()의 구조는 다음과 같다. useEffect(()=> { // 마운트 완료 후 실행할 코드 return () => { // 언마운트 완료 후 실행할 코드 } }, [dependencies]) 💻 Code 리액트 프로젝트를 생성하고 다음과 같이 작성한다. 📄 EffectComponent.tsx import React, { useEffect, useState } from 'react..

🌐 리액트 메타에서 개발한 오픈 소스 자바스크립트 라이브러리이다. 페이지 전환 및 사용자 UI 부분에서 상당히 부드럽게 작동하기 때문에 해당 라이브러리를 사용한다. 또는 html을 함수, array, object에 보관하여 재사용이 가능하여 큰 프로젝트일수록 html 관리가 편해진다. https://ko.legacy.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.legacy.reactjs.org ⬇️ Install 리액트 개발을 하기 위해서 nodejs를 설치해야한다. 설치가 되어있는지 확인하기 위해서 명령 프롬프트(CMD)를 열어서 아래와 같이 작성한다. ..