Redux * 장점.- UI / Data 가 분리되어 프로젝트를 이해하기가 쉬워지며, component의 재사용률도 높여 줌. * container로 만들어야 할 것.- Page- List- Header- Sidebar- 내부의 컴포넌트 때문에 props가 여러 컴포넌트를 거쳐야 하는 경우. * Action-Action은 하나의 객체. 모든 액션 객체는 type이라는 값을 지니고 있어야한다.ex) type: "SET_COLOR", color: "black"여기서 type은 액션의 이름과도 같은 존재.Type name은 대문자로 써야함. * Reducer- Action의 type에 따라 변화를 일으키는 함수. 초기상태가 정의되어야함. * StoreRedux에서 가장 핵심적인 인스턴스.이 안에 현재 상태를 ..

Next.js 란?? 간단한 React 전용 서버사이드 프레임워크. (Universal React Application 의 Server Rendering을 쉽게 구현 할 수 있게 도와주는 간단한 프레임워크) * Universal : 어디서든 작동한다는 의미. + Next.js 제약사항 : 각 route에 해당하는 파일들은 소문자로 pages (directory)에 넣어야함. 나머지는 자유. Next.js 의 기능.. 1. 간단한 client side routing2. Hot Module Replacement를 지원하는 Webpack 기반 작업환경3. Express 나 어떤 Node.js 서버와 함께 사용 가능4. Babel / Webpack 환경 설정 커스터마이징 가능....등등. Directory 구성..

Next.js 기초 https://velopert.com/3293 ( O ) ++ Next.js 에 Redux 적용하는 방법은 ... with-redux 를 사용한다. https://github.com/zeit/next.js/tree/master/examples/with-reduxhttps://github.com/zeit/next.js/issues/872 참고. React.js + Redux 강좌 목차 링크 : https://velopert.com/3365 우선 순서는, 위에 Next.js 기본 강의는 들었고, 밑에 Redux 를 해보고 응용해보자.. 1강 시작 ~ https://velopert.com/3346 이걸로 React.js + Redux 실습을 진행.... +++++ 오늘의 Tip ! - Gi..