Redux

카테고리 없음

modal 만드는 법 (수정 가능, 움직이는 완료 버튼)

백그라운드 클릭시 꺼지는 모달 우선 컨텐츠를 누르면 state를 이용해 모달이 켜지게 해줬다 //모달 온 const ContentsOnClick = () => { setModal(!modal); document.body.style.overflow = "hidden"; }; {props.item.title} {props.item.date} 그리고 컨텐츠 안의 내용을 모달이 켜질때 함께 보여지게 삼항연산자를 이용해 만들었다. {modal ? ( {/* 제목*/} {edit ? ( ) : ( {props.item.title} )} {/* 완료 버튼*/} Done {/*내용*/} {edit ? ( ) : ( {props.item.text} )} {/*날짜*/} {props.item.date} {edit ? "취..

카테고리 없음

Til (2022.12.20)

redux redux란 파일을 따로 만들어 안에 config와 modules파일을 만든다. config안에 store를 만들고 module은 기능의 이름을 따서 파일을 생성한 후 초기 상태값(initialState)과 리듀서(reducer)를 만들어준다. module을 만들면 store에 연결한다. 그리고 components에서 store를 조회할땐 useSelector를 사용해야한다. useSelector,state는 모든 module에 state를 조회한다.( const aaa = useSelector((state) => state); ) action객체는 반드시 type이라는 key를 가져야하고 reducer로 보낼 명령. dispatch는 action객체를 reducer로 보낼 전달자 함수.( c..