React Study [#4] - 반응속도

제로초님의 "웹 게임을 만들며 배우는 React"을 보고 학습하는 스터디 입니다.

Javascript 타이머 함수

1. SetTimeOut

   개발자가 작성한 함수로 setimeout에 지정한 지연시간이 만료된 이후에 실행됩니다

2. setInterval

   setInterval은 setTimeout과는 다르게 주어진 지연시간마다 계속해서 지정한 함수를 수행합니다.

---

React 조건문

1. 삼항연산자

    return(
        <>
            {isShow ? <div>{isShow}</div> : null}
        </>
    )

2. 즉시 실행 함수 (조건문)

    return(
        <>
            {
                (
                    ()=> {
                        if(isShow){
                            return <div>{isShow}</div>;
                        }else return null;
                    }
                )()
            }
        </>
    )

2. 즉시 실행 함수 (반복문)

    return(
        <>
            {
                (
                    ()=> {
                        const array = [];
                        for(let i = 0; i < items.length; i++){
                            array.push(<div>{i}번 {items[i]}</div>)
                        }

                        return array;
                    }
                )()
            }
        </div>
    )

후기

즉시 실행 함수를 써본 적이 없어서 처음 봤는데 신기했다.