항해 99 웹 개발4주차 - 좋아요 삭제(2)

Method GET

오늘은 마무리 해보려고 한다.

오늘의 마무리는

바로 GET을 이용해서 데이터베이스의 정보를 가져와

눈을 직접 보여주는(?) 그런 작업이다.

위 사진과 같이 서버에서의 GET은 데이터베이스를 저장해서 정보를 가져오기만 하면

되기때문에 데이터베이스의 저장의 코드는 사용하지 않고,

대신에 데이터베이스에 저장 되어 있는

정보를 가져와 눈에 보여주는 방식으로 사용한다.

그 후 클라이언트로 가서의 작업이 중요한데...

첫번째로 데이터베이스에 저장되어있는 정보를 가져올

이름, 이미지사진, 정보를 가져올 사이트, 좋아요와 삭제 기능을

함수명을 정해주고, 서버에서 정해준 명칭을 가져와

함수명을 정해주어야 한다.

그렇게 함수명을 정해주고

자바스크립트의 함수를 이용하여 좀 더 기능적인 일을

해야하는데 위 사진과 같이 temp_html을 만들어

처음에 만들어 놓은 div에 각각의 명에 제이커리를 사용하여

각각의 기능을 할 수 있게 만들어 줘야한다.

그 후에 삭제 버튼을 만들어 좋아요 뿐만 아니라 

맘에 들지 않는 기능을 삭제 하는 기능을 만들어 주고

다시 서버로 가서 기능을 삭제 할 수 있는 

GET파일을 만들어 주어야 한다.

위 사진과 같이 다시 서버로 돌아가 삭제기능을 만들어주고

삭제 버튼을 누르면 데이터베이스에 있던 정보를 완전

삭제 하는 기능까지 해야 완전히 웹페이지에서

안보이게 할 수 있다.

이와 같이 좋아요와 영화 배우의 API를 가져와

나만의 좋아요와 삭제 기능을 만드는 

하나의 웹페이지를 만들 수 있다.

처음에는 쉽지 않았다.

하지만 한번 두번 세번

반복하다면 어느순간 이해하게 되는 부분인 것 같다.

역시 반복 학습밖에 답이 없는 것 같다.

물론 아직 내가 백앤드로 갈지 프론트 앤드로 갈지는 모르겠지만

이번 교육은 둘다 경험 할 수 있는 좋은 예여서

좋은 경험 한것 같아 뿌듯 했다.