문제
현재 프로그램에서는 /notification/list라는 특정 URL로 요청을 보냈을 때 서버가 알림 목록 페이지를 응답해준다. (#62 ) 그러나 UI 프로토타입에 의하면 알림 목록은 별개의 페이지가 아니라, 알림 아이콘을 클릭하였을 때 드롭다운 목록으로 출력되어야 한다.
해결방법
이를 위해서는 프론트단에서 서버로 비동기 요청을 해야 한다.
- View: 알림 아이콘에 클릭 이벤트가 발생하면 서버에 알림 목록에 대한 비동기 요청을 보낸다.
- Controller
ajax.NotificationController: 비동기 요청을 받는 ajax 패키지를 따로 분리하고, 여기 NotificationController에서 알림목록 비동기 요청을 처리하도록 만든다.json.NotificationController: 데이터를 JSON 형식으로 응답하는 Controller를 json 패키지를 따로 만들어 분리한다. 서비스로부터 데이터를 받아와 JSON 형식으로 클라이언트에 내려준다.
- View: 서버로부터 응답받은 JSON 데이터를 받아 출력한다. 이때, 알림 메시와 URL, 사진 경로 등은 응답받은 JSON 데이터를 기반으로 조립한다.