반응형 TIL129 코드스테이츠 소프트웨어 엔지니어링 부트캠프 +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. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +59 어제 하던 스프린트를 이어서 했다. 이번 스프린트를 통해 Toggle과 boxShadow에 대해 알게 되었다. https://wnsdufdl.tistory.com/111 특정 이미지 바깥 배경 흐리게 만들기 다음과 같이 특정 이미지 바깥의 배경을 흐리게 만드는 방법이 있다. HTML Toggle 토글을 클릭하세요 CSS 아래 CSS코드의 가장 밑에 있는 .hiddenback 클래스가 box-shadow 효과를 준다. 태그에 .hiddenback 클 wnsdufdl.tistory.com 2021. 9. 15. 이전 1 ··· 15 16 17 18 19 20 21 ··· 33 다음 반응형
