프로젝트연습 11월 13일 (토) orderSummary CSS, react-router-dom, input(checkbox) 구현 React Router의 주요 컴포넌트 <BrowserRowter> // Router의 역할을 한다. <Switch> // 경로를 매칭해준다. Router 태그를 감싸주는 역할 <Route> // 경로를 매칭해준다. <Link> // 경로를 변경한다. Switch 컴포넌트 1. 여러 Router컴포넌트를 감싸서 그 중 경로가 일치 하는 단 하나의 Router만 랜더링 시켜주는 역할을 한다. ... TILCSS프로젝트연습CSS 11월 21일 (일) redux (store) state가 관리되는 오직 하나뿐인 저장소의 역할을 한다 Redux 앱의 state가 저장되어 있는 공간이이며, createStore 메소드를 활용해 reducer를 연결하는 방법이다 createStore와 더불어 다른 리듀서의 조합을 인자로 넣어서 스토어를 생성할 수 있다 (미들웨어와 Redux devtools 지원을 위해 두번째 인자에 추가적인 내용이 들어간다) window.__REDUX... redux프로젝트연습TILTIL 11월 26일 (금) redux (reducer) Reducer 는 현재의 state와 Action을 이용해서 새로운 state를 만들어 내는 pure function 이다 장바구니 추가 액션에 대한 코드 Reducer 함수를 작성할 때 주의해야 할 점이 있다 바로 Redux의 state 업데이트는 immutable한 방식으로 변경해야 한다 Redux의 장점 중 하나인 변경된 state를 로그로 남기기 위해서 꼭 필요한 작업이다 immuta... redux프로젝트연습TILTIL
11월 13일 (토) orderSummary CSS, react-router-dom, input(checkbox) 구현 React Router의 주요 컴포넌트 <BrowserRowter> // Router의 역할을 한다. <Switch> // 경로를 매칭해준다. Router 태그를 감싸주는 역할 <Route> // 경로를 매칭해준다. <Link> // 경로를 변경한다. Switch 컴포넌트 1. 여러 Router컴포넌트를 감싸서 그 중 경로가 일치 하는 단 하나의 Router만 랜더링 시켜주는 역할을 한다. ... TILCSS프로젝트연습CSS 11월 21일 (일) redux (store) state가 관리되는 오직 하나뿐인 저장소의 역할을 한다 Redux 앱의 state가 저장되어 있는 공간이이며, createStore 메소드를 활용해 reducer를 연결하는 방법이다 createStore와 더불어 다른 리듀서의 조합을 인자로 넣어서 스토어를 생성할 수 있다 (미들웨어와 Redux devtools 지원을 위해 두번째 인자에 추가적인 내용이 들어간다) window.__REDUX... redux프로젝트연습TILTIL 11월 26일 (금) redux (reducer) Reducer 는 현재의 state와 Action을 이용해서 새로운 state를 만들어 내는 pure function 이다 장바구니 추가 액션에 대한 코드 Reducer 함수를 작성할 때 주의해야 할 점이 있다 바로 Redux의 state 업데이트는 immutable한 방식으로 변경해야 한다 Redux의 장점 중 하나인 변경된 state를 로그로 남기기 위해서 꼭 필요한 작업이다 immuta... redux프로젝트연습TILTIL