잇스쿨

초기에 변수 선언을 할 경우 ':' 을 사용해야 하지만, 변수 선언!하면 습관처럼 나오는 '=' 을 아래와 같이 당당히 썼다. var frontUI = { g_firstLoaded=false, g_isWheel=false, } 그러자 친절히 Console에 바로 나오는 에러문 [Uncaught SyntaxError: Function statements require a function name] 다음과 같이 변경해주자. var frontUI = { g_firstLoaded:false, g_isWheel:false, }

Redux용 React 바인딩은 smart and dumb components를 분리하는 아이디어를 채택하였다. 앱의 최상위 컴포넌트(라우트 핸들러같은)만이 Redux와 연관되는 것이 좋다. 그 아래의 컴포넌트들은 우직해야하고 모든 데이터를 props를 통해 전달받아야 한다. Smart Component Dumb Component 위치 최상위, 라우트 핸들러 중간과 말단 컴포넌트 Redux와 연관됨 예 아니오 데이터를 읽기 위해 Redux 상태를 구독 props에서 데이터를 읽음 데이터를 바꾸기 위해 Redux 액션을 보냄 props에서 콜백을 부름

1. npm install -g create-react-app 프로젝트 환경을 구축할 경로로 이동하여 명령어 실행 2. create-react-app [프로젝트 폴더명] ex. create-react-app redux-example 3. redux 설치 npm install --save redux react-redux 명령어 실행 (react-redux : 뷰 레이어 바인딩)