PART8:Simply build App with Redux - Delete / END Delete CRUD 중에 이제 Delete 만 남았다. 여기 까지 왔다면 사실 내 포스팅을 보지 않아도 Delete 를 구현 하는데 아무런 문제가 없을것 이라고 생각한다. 그렇다고 여기서 포스팅을 끝내면 유종에 미를 거둘수 없으니 구현을 마저 진행해보겠다. 앞선 포스팅 앞단에서 RUD 에 대한 구현 계획을 이야기 했었다. Delete 는 게시글의 오른쪽에 삭제 버튼을 넣어주기로 한것을 기억 할것이다. smart Component 인 About.js 부터 보자. class 내부에 callDelete 함수를 정의 해주고 BoardList 를 render 할때 deleteContent 를 props 로 내려준다. About.js callDelete(targetId) { ... } render() { let .. 더보기 PART7:Simply build App with Redux - Read, Update / Redux Third Action Read,Update,Delete Here's the Plan 지난 포스팅에 Create 를 구현 했다. Create 포스팅이 길었던 이유는 PART4 이후로 두번째로 구현한 Redux action 이기 때문에 조금더 상세히 설명하고자 했기 때문인것 같다. 이번 포스팅에서는 Read와 Update 를 구현 하고자 한다. 구현 흐름은 앞선 포스팅인 Create 와 비슷하기 때문에 설명이 다소 불친절 하다면 조금 친절한 Create 부분과 비교해서 보면 도움이 될것 같다. 구현에 앞서 CURD 중 남은 RUD 구현계획에 대해서 정리 해보자. 내가 포스팅 하고 있는 Redux App 에는 회원이란 개념이 존재 하지 않기 때문에 특정인이 특정글에 대한 권한을 갖지 않는다. 그렇기 때문에 내 계획은 이렇다. Re.. 더보기 PART6:Simply build App with Redux - Create / Redux Second Action Create Implementation 지난 포스팅에서 폼을 대상으로 smart / dumb 컴포넌트를 분리 했었다. 오늘은 게시글 추가(Create) 기능을 구현 할것인데 컴포넌트의 흐름과 게시글 리스트 호출외에 다른 action 에 따른 redux 의 흐름을 경험 해볼수 있을것 같다. 게시글을 새로 생성 하려면 먼저 무엇을 해야할까.? 우선 사용자가 입력한 폼에 있는 값을 가져와야 한다. smart component 인 ManageBoard.js 파일 부터 수정하자. 계획은 이렇다. intput[type="text"] 가 onChange 될때 마다 새로운 state 값을 set 할것이다. 클래스 내부에서 호출할 props.contents 에 초기 객체를 설정해준다. function mapStateTo.. 더보기 이전 1 2 3 4 ··· 17 다음
