[영화 웹 서비스]State

State

- 데이터가 저장되는 곳

 

!!! 이전 단계의 state를 이용해서 현재 state를 바꾸려 했지만, 결과가 예상과 다르게 나올 수도 있음. 다른데서 바뀌었을수도 있다는 말.

 

state를 바꾸는 2가지 방법

1. setState 함수 - 원하는 값을 직접 넣어준다

setCounter(counter+1);

setCounter(90);

2. 이전 값을 바탕으로 현재 값을 계산 - 함수를 전달하기

setCounter((current) => current+1);

 

useState

1. 사용자들의 input을 어떻게 얻는지

 

2. form을 만들었을 때 state는 어떤식으로 작용하는지

 

 

주의!!!

class, for 등 이미 js에서 사용하는 단어는 jsx에서 html용으로 사용하면 오류가 난다.

html의 class를 사용하고 싶다면 className, for를 사용하고 싶다면 htmlFor

 

consolelog(evnet)

console > SyntheticBaseEvent > target > value 

 

 

 

"분할 정복"의 원리를 이용하여 여러 단위 변환기를 제작