반응형 TIL/코드스테이츠 TIL106 코드스테이츠 소프트웨어 엔지니어링 부트캠프 63 Cmarket redux 스프린트 복습을 하다가 object.assign이 헷갈려서 다시 정리하여 게시하였다. https://wnsdufdl.tistory.com/116 JS, Object.assign Object.assign() 예시 Object.assign(target,a,b,..) //a객체에 b를 덮고 그것을 target에 덮는다. 변형된 target을 리턴한다. a={name:"june",age:23,gender:"male"} b={name:"july",age:23} c={country:"korea".. wnsdufdl.tistory.com object.assign이 필요했던 부분은 redux스프린트에서 reducer를 설정하는 부분이다. const itemReducer = (state = in.. 2021. 9. 20. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 +62, 자료구조 코플릿 복습했다. 이건 볼때마다 새롭다. 2021. 9. 19. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 +61, Redux 인트로 Redux : 어플리케이션에서 정교한 상태관리를 도와주는 라이브러리이다. 리액트에서의 상태관리 리액트에서는 컴퍼넌트가 state를 관리한다. state의 전달은 반드시 부모컴퍼넌트를 통해 이루어지고 자식간(형제간)의 전달은 불가능하다. State전달은 부모컴퍼넌트를 거쳐서 가능하기 때문에 자식컴퍼넌트가 많아질수록 상태관리가 복잡해진다. 리덕스에서의 상태관리 리덕스에서는 모든 State를 Store에서 관리한다. Redux redux의 3가지 원칙 Single Source of truth : state를 하나의 Store에 저장한다 state가 여러 장소에 저장되어 있을때보다 디버깅이 쉽다. -> 유지보수 용이 서버에서 state를 다루고 클라이언트로 보내기가 쉽기때문에 universal App을 만들기 .. 2021. 9. 17. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +60, Cmarket 스프린트 문제 오늘 Cmarket 스프린트를 했다. 콘솔창에는 어떤 에러도 뜨지 않았지만 기능 구현이 되질 않았다. 문제의 부분 const [cartItems, setCartItems] = useState(initialState.cartItems); function changeQuantity(quantity,itemId){ const filtered = cartItems.filter(el=>el.itemId === itemId) //state변수인 cartItems가 수정되고 있어서 안된다고 생각했는데 그거도 아니다. filtered[0].quantity++ setCartItems(cartItems) } setCartItems(cartItems) 콘솔창을 확인하니 console.log가 실행되지 않았다. 해결 우.. 2021. 9. 17. 이전 1 ··· 9 10 11 12 13 14 15 ··· 27 다음 반응형
