eadgnus

setInterval 함수는 1초마다 숫자가 커지게 해주는 함수이고

setTimeout은 5초뒤에 setinterval 함수를 중지시켜 타이머를 멈춰준다.

1. console.log('code1');
   • 'code1'을 출력.
2. console.time('timeout 0');
   • 이름이 'timeout 0'인 새로운 타이머를 시작.
3. setTimeout(() => { console.log('setTimeout 0'); console.timeEnd('timeout 0'); }, 0);
   • 0ms(즉, 즉시) 후에 실행되는 새로운 타이머를 등록.
   • 이 콜백 함수는 실행 대기열에 들어가며, 즉시 실행되지 않음.
   • 0ms 이후에 콜백 함수가 실행될 때, "setTimeout 0"을 출력하고, "timeout 0" 타이머를 끝내는 console.timeEnd() 메서드를 호출.
4. console.log('code2');
   • 'code2'를 출력.
5. setImmediate(() => { console.log('setImmediate'); });
   • 즉시 실행되는 콜백 함수를 등록.
   • 이 함수는 I/O 이벤트 루프가 허용하는 한, 다른 이벤트들 보다 먼저 실행.
   • 따라서, "setImmediate"를 출력하고, setTimeout()에서 등록된 콜백 함수보다 먼저 실행.
6. console.log('code3');
   • 'code3'을 출력.
7. process.nextTick(() => { console.log('process.nextTick'); });
   • 현재 실행 중인 콜백 함수나 코드 실행이 끝난 직후에 실행되는 콜백 함수를 등록.
   • 따라서, "process.nextTick"을 출력하고, 다른 모든 콜백 함수들보다 먼저 실행.

1. function 만들기

2. return() 안에 html 담기

3. <함수명></함수명> 사용

반복적인 html을 축약할때,

큰 페이지들,

자주 변경되는 것들을 컴포넌트로 만들어 사용하면 좋다.

단점. 

미리 지정해둔 state를 사용하지 못한다.

useState()를 하게되면

상단에 자동으로 입력이 된다.

let var const와 같이 변수처럼 사용

이런식으로 사용

a에 저장이 되고, b는 state의 변경을 도와주는 객체

모두 같다

 변수와 state의 다른점

변수는 갑자기 변경되면 자동으로 변경이 안됨.

state는 자동으로 변경 됨.       

(자주변경되는것은 state로, 아닌것은 변수에)

state변경은 함수이기때문에 이렇게 사용하면 된다.