191106 TIL react-admin && 코쿼 강의1 - 클로저, 커링

Nov 6, 2019 » 1.5막, TIL (Today I Learned), 코드스쿼드

react-admin

react-admin이라는 프레임워크 튜토리얼을 따라했다.

엄청난 매직으로 많은 일들을 자동으로 처리해준다.
(매직 예: 가져온 데이터를 ‘알아서’ 판단해서 테이블을 그려준다.)

근데 Connecting To A Real API 이 부분이 이해가 잘 안가서,,
좀 더 공부해야함.
그리고 커스텀을 많이 해야하는데, 과연 효율적일지도 고민…

클로저, 커링

앞으로 5주간 코드스쿼드에서 리액트 강의를 듣는다.

«커리큘럼»

1. 클로저 이해

함수를 반환하는 함수는 참 볼때마다 낯설다..

const React = (()=> {
    let value;

    return {
        render(Component) {
            const comp = Component();
            comp.render();
            return comp;
        },
        useState(_initVal) {
          //....
        },
    }

})();

function MyComponent() {
    const [foo, setFoo] = React.useState(10);
    return {
        render() {
            setFoo(foo + 1);
            console.log(`foo value is ${foo}`);
        }
    }
}

React.render(MyComponent);
React.render(MyComponent);
React.render(MyComponent);

//실행결과 
foo value is 10
foo value is 11
foo value is 12

useState 부분 채워야 되는데 못했다.

2. eventqueue&callstack

비동기… 는 이제 어느 정도 알 것 같다!

재귀로 하면 콜스택에 쌓이니까 재귀를 setTimeout으로 구현하자..(?) (~~비동기 모르는 듯..~~)

3. Promise패턴과 비동기통신

프로미스는,,, 예전부터 넘 어려워. 실제로 프로젝트 개발할때도 Promise를 잘 이해하지 못해서 값이 없었던 경우가 종종 있었다. fetch 많이 써보기..

과제

Q&A 사이트 개발

https://github.com/code-squad/fe-set-qna-plain