(4) 블로그 만들기 - 읽기,수정,삭제

이번글은 별로 어려운게 없다

그냥 axios 를 사용해 서버로 요청만 하면된다.

그래서 간단히 쓸 예정이다.

 

근데 궁금한게 수정할때는 put, 삭제할때는 delete로 요청하는데 그냥 post로 쓰면 안되냐는 것이다...

그래도 put delete 를 사용해서 해보자

 

링크를 걸어주자. key는 link 태그에 다시 걸었다.

 

제목을 클릭했을 때 각 포스트의 id를 받기 위해 app.js 를 수정했다.

 

post.js

url의 id param 값은 props.match 로 받았다.

axios.get 요청으로 각 post의 데이터를 받아왔다.

서버쪽

 

이제 글수정 버튼과 글 삭제 버튼을 구현해보자

 

이제 눌렀을 때 history.push 로 해당하는 페이지로 가게해주자

 

history 객체를 사용해 이동하게 하였다.

 

update 컴포넌트

server 쪽 update api

 

정상 작동 된다

 

이제 delete 를 해보자

 

delete 는 실수 방지를 위해 window.confirm 메소드를 사용했다.

이제 crud 는 완성했다. 세세한건 그냥 넘어가자. 귀찬타증말

간혹 만지다가 이상한 부분이 있으면 수정할 텐데 중요하지 않은건 따로 포스팅 하지 않을 예정이다. ㅎㅎ...

 

다음엔 aws 를 사용해 한번 배포해 보겠다.