4주차 - 프로그래스바 달기 + 화살표 함수 {}
- 버킷리스트에 프로그래스바 달기! 1) 상태값 형태를 변경한다. : Redux에 기본값을 딕셔너리로 만들어서, 버킷리스트 텍스트와 완료 여부를 넣습니다. const initialState = { // 초기값 설정 list : [ {text : "영화관 가기", completed : false}, {text : "매일 책읽기", completed : false}, {text : "수영 배우기", completed : false}, ] // ["영화관 가기", "매일 책읽기", "수영 배우기"] } 2) 완료하기 버튼 추가 : 완료 버튼을 닫고, 버킷 모듈에서도 완료 여부를 추가 해줍니다. // Detail.js const successBucketList = ()=>{ console.log("액션을 생성 ..
2021. 11. 22.
3주차 - 리덕스를 사용해서 값을 불러오고 수정 해보자
1. 리덕스 써보기 1) 덕스(ducks) 구조 - 보통 리덕스를 사용할 때는, 모양새대로 action, actionCreator, reducer를 분리해서 작성합니다. (액션은 액션끼리, 액션생성함수는 액션생성함수끼리, 리듀서는 리듀서끼리 작성합니다.) - 덕스 구조는 모양새로 묶는 대신 기능으로 묶어 작성합니다. (버킷리스트를 예로 들자면, 버킷리스트의 action, actionCreator, reducer를 한 파일에 넣는 거예요 -> 모듈이라고 한다.) -> 우리는 덕스 구조로 리덕스 모듈을 만들어볼거예요! (리덕스 모듈 -> 액션 타입, 액션 생성 함수, 리듀서가 모두 들어있는 자바스크립트 파일을 말한다.) https://velog.io/@zayong/%EB%A6%AC%EB%8D%95%EC%8A..
2021. 11. 18.
