리액트에서 컴포넌트의 상태를 관리하기위해 useState라는 훅을 사용한다. 사용법 1. Import import {useState} from "react" 먼저 상단에 위와같은 코드를 사용해서 useState라는 Hook을 사용할 수 있게 import한다. 2. 정의 const [state,Setstate] = useState("") 컴포넌트의 상태를 만들어주려면 위와같은 형태로 함수내부에 스테이트를 정의 해주면된다. const [바꿀스테이트 , 스테이트를바꿔주는 함수] = useState(초기값) 배열의 첫번째인자는 스테이트로 사용할 변수를 적고, 배열의 두번째 인자로는 스테이트를 변경할 함수를 적게되는데 state값을 state를 바꿔주는 함수없이 임의로 바꿀경우 오류를 일으킬수 있으니, 반드시 상..

기존 개발방식의 문제 먼저 리액트는 3가지의 특징을 가지는데 선언형이고, 컴포넌트기반의 범용성이 높은 라이브러리라고 할 수 있다. 기존의 HTML, CSS를 이용할 때에는 코드의 재사용성이 매우 떨어졌고, 코드가 길어질수록 유지보수의 어려움이 많았다.. 이는 기존에 HTML만 사용했을 때, 하나의 기능을 구현하기 위해 요소들을 만들었을 때 이를 재사용하지 못하고 다시 새로운 코드를 작성해야해서 그렇다. 리액트의 특징 [컴포넌트 기반] 버튼 하나를 만들더라도, 그 버튼을 다른 곳에 재사용하기 위해서는 버튼태그를 복사해서 일일이 새로운 HTML파일에 붙여넣기를 해야했고, 복사된 태그는 원본과의 종속성이 없어 추후에 버튼의 디자인이 바뀌거나 기능이 바뀌었을 때 모든 요소를 하나하나 고쳐줘야 한다는 꽤나 비효율..