오늘 공부

알고리즘 문제 풀기(프로그래머스)
https://github.com/hoinlee-moi/Algorithm

JS기본문법 다시 공부
https://github.com/hoinlee-moi/ModernJS

React 강의 듣기
https://github.com/hoinlee-moi/React_prac

1단계를 클리어 했으니 2단계는 주말동안 조금 휴식하고 월요일부터 다시 한문제씩 들어가보려고 한다.
그 이전에 리액트 강의를 내가 한 프로젝트를 맡을 수 있는가 까지 공부하고 월요일부터 클론 코딩을 한번 해볼 생각이라 얼른 강의를 듣자.

useState란

리액트 Hooks중 하나

리액트 컴포넌트를 만들 때 동적인 부분을 위해 필요한 리액트 Hooks중 하나이다.
예전 바닐라 JS로 무언가를 만들때는 항상 DOM을 직접 다뤄 진행했었다.
예를들면 document.querySelector 같은 것들을 사용해서 말이다.

하지만 react에선 JSX를 이용하여 화면 구성을 하기 때문에 한번 컴포넌트가 실행되어 JSX를 읽어 화면을 띄워줬을때
그 안에 함수를 이용해도 화면에서 변하는 부분은 없다.
컴포넌트 자체가 함수형이고 한번 불러서 완성되어 있기 때문이다.
더이상 컴포넌트를 부르지 않고 결국 JSX도 새롭게 리로딩 되지 않는다.

때문에 useState라는 react Hooks를 이용하면 바뀌는 값을 관리 할 수 있다.

https://react.vlpt.us/basic/07-useState.html