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

영화 배우들을 모아 '좋아요,삭제' 프로그램 만들기

4주차는 나한테는 정말 재밌는 시간이엿던것 같다.

왜냐하면 만든걸 바로바로 실행해서 눈으로

직접 확인 할 수 있기때문이다.

지금까지 코딩을 하면서 백앤드와 프론트 앤드의 경계없이

수업을 진행 하였는데 뭔가... 나는 점점 프앤쪽으로 기우는 것 같다.

물론 백앤드도 매력이 있을 정도로 중요한 직책인건 알고 있다.

왜냐하면 데이터베이스를 예를들면,

내가 또는 친구들이 어느 한 사이트에 회원가입을 하고 로그인했다고 가정을

해보자

그럼 그 정보를 모아 두는 곳이 데이터베이스 여기까지는 알고 있을것이다.

그럼 그 데이터베이스를 관리하고 수정하고 또 하다못해

직접 데이터베이스를 만드는 작업을 하고

클라이언트 쪽으로 넘기는 작업 까지가 바로 백앤드라고 생각한다.

이번 웹개발 기초반은 그 경계 없이 두개를 고루 배울 수있어 좋았다

물론 심화 과정까지는 아니만!!!

자! 그럼 오늘은 무엇을 만들었냐하면

이렇게 목록에 영화배우의 프로필과

좋아요, 삭제 기능을 하는 웹페이지를 만들었다.

일단 첫번째로 해야할 것은 바로 일단 서버확인을 한 후에

데이터베이스를 만들어 정보를 저장 할 수 있는 곳을 만들어야 한다.

하지만 이번 웹페이지는 삭제기능도 있기 때문에

post기능을 2개를 만들고 하나는 정보를 가져오는 방식

그리고 나머지 하나는 그냥 바로 삭제하는 

기능을 가진 것을 만들고

그리고나서 육안으로 볼 수 있게 해주는

GET을 만들어 주는 작업

이렇게 총 3가지의 작업을 해줘야 한다.

자 그럼 

시작해보자

첫번째로 POST 데이터 베이스 저장고를 만들 것이다.

위 사진과 같이 데이터베이스를 만들어 준다.

그리고 나서 해야 하는건?

그렇다, 바로 클라이언트로 넘어가서 작업을 해줘야한다.

자 클라이언트도 완성했다.

이번 웹페이지는 다 육안으로 보여야 하는 기능을 가져오기 때문에

post 보다 get에서 해야하는 작업이 더 많을 것이다.

이유는 서버에서 정보를 저장 한 것을 가져 오게 하는 것이기 때문에..!

저 사진에 보면 밑에 마지막 'window.location.leload()'는 

내가 좋아요라는 버튼을 클릭을 하게 되면 alert 창이 뜨고

그것을 확인을 하면 새로고침해서 정보를 최신화 해준다는 뜻이라고 보면 된다.

자.

일단 오늘은 이렇게 정보를 가져올 수 있는 방식을 써보앗다.

그럼 나머지 삭제, 그리고 좋아요 버튼을 누르는 기능 들은 다음 페이지에서 설명

하도록 하겟다.