[ 리액트 / React ] State 상태 (ps. Destructing)Destructing 문법 간단 정리일반 문법let a = 1;let b = 2;console.log(a)console.log(b)// -> 1, 2출력​Destructing 문법let [a, b] = [1, 2]console.log(a)console.log(b)// -> 1, 2출력 State(상태 변수)란?React에서 사용하는 '동적인 데이터를 위한 변수'= React에서 컴포넌트의 동적인 데이터를 관리하는 객체 State 사용법useState(훅)를 이용한 상태 관리import { useState } from "react";function Counter() { const [count, setCount] = useSta..

[ 리액트 / React ] React를 사용하는 이유 - SPASPA - Single Page ApplicationReact와 SPA의 관계를 알아보자• React Router를 사용하면 클라이언트 사이드 라우팅으로 SPA 구현 가능• React는 페이지를 새로고침하지 않고도 동적인 UI 업데이트 가능• Virtual DOM을 활용해 성능을 최적화하여 SPA의 단점을 보완 그렇다면 SPA는 무엇이고, 장점이 뭔가요?SPA; Single Page Application이란..• 하나의 HTML 파일을 기반으로 동작하는 웹 애플리케이션• 페이지 이동 시 전체 페이지를 새로고침하는 것이 아니라, 필요한 데이터만 업데이트SPA의 장점?• 전체 페이지를 다시 로드하지 않고, 변경된 부분만 업데이트 [ 빠른 페이지..