Hook2 [React] Hook, useEffect 의존성 배열 useEffect 웹 사이트를 이용하기 위해 웹 브라우저에서 서버로 요청을 보내고 서버는 클라이언트에게 응답을 받는다. 이 과정에서 다른 외부 시스템과 연결되어 처리해야 할 다른 작업들이 있을 수가 있다. 예를 들어 외부 API가 사용되는 경우가 있는데 이럴 경우 컴포넌트는 클라이언트에게 응답을 끝내고 나서 이런 작업들을 처리하는 것이 바람직하는데 이럴 때 useEffect를 통해 쉽게 처리할 수가 있다. 렌더링 이란 서버로부터 HTML 파일을 받아 브라우저에 뿌려주는 과정이다. 브라우저는 서버로부터 HTML 문서를 다운 받는다 useEffect 문법 useEffect(setUp함수,[의존성 배열]) setUp함수 : 렌더링이 된후 사용되는 함수 의존성 배열 : useEffect가 작동되기 위한 의존하는.. 2023. 11. 18. [React] Hook, useState Hook 이란 클래스 컴포넌트를 작성할 필요 없이 함수 컴포넌트에서도 state 관리와 생명주기, 메서드 등 다양한 기능들을 사용할 수 있는 개념 useState Hook의 종류중 하나로 리액트에서 가변적인 state변수를 관리할 수 있다. useState 문법 const [state, setState] =useState(초기값); state를 변수, setState를 변숫값을 변경시킬 수 있는 함수라고 생각하면 이해가 쉽다. useState를 사용하여 숫자를 변화시킬 수 있는 코드를 만들어 보았다. import { useState } from "react"; const App = () => { const [calculator, setCalculator] = useState(0); const onClic.. 2023. 11. 16. 이전 1 다음