모던 리액트(React)와 리덕스(Redux)

강사 Github재사용이 가능하고 적은 수정만으로 여러 곳에 활용할 수 있는 소스 코드여러 개의 js 파일이 툴링(트랜스파일)을 거쳐 하나의 js파일이 된다.이 파일이 html, css 파일과 함께 브라우저에서 작동코드를 같은 수준의 다른 언어로 바꿔주는 과정웹팩(we

강사 Github모든 부모 컴포넌트는 데이터를 가져올 권리를 가진다.부모 컴포넌트에서 자식 컴포넌트로 데이터를 보낸다.App 컴포넌트를 Component를 상속받고 constructor()와 render()를 가지는 클래스 기반 컴포넌트로 리팩토링위의 코드에 Synta

강사 Github리덕스는 애플리케이션 단위의 스테이트 관리리액트는 컴포넌트 단위의 스테이트 관리리덕스는 데이터 컬렉션리액트는 뷰 컬렉션예)\+, - 버튼과 현재 숫자를 보여주는 카운터 앱이 있을 때,리액트에서는 현재 숫자를 보여주는 currentNum이나 숫자를 변경하

모던 리액트(React)와 리덕스(Redux) 강사 Github 리듀서(Reducer) 어플리케이션 스테이트를 반환하는 함수 > 예) 서점 앱을 모델링해보면, 모든 책은 books라는 state로 관리되고, 여기에 관련된 함수는 Books Reducer가 된다. 현재

모던 리액트(React)와 리덕스(Redux) 강사 Github 컴포넌트와 컨텍스트 바인딩 참고 아래 코드에서 input에 변화가 있으면 onInputChange가 호출되는데 이때 onInputChange 내부의 this.setState()는 undefined이다. onChange의 이벤트리스너로 onInputChange를 할당함으로써 새로운 함수가 ...