1단계 검색하기
구글링을 해봅니다.
https://xetown.com/topics/1385234
XE타운에 스낙스님이 작년 4월달에 이미 구현을 했다는 소식이군요...
최근에 xe1도 리스폰스가 json으로 넘어온다, restfull api로 사용할 수도 있다. 라는 이야기를 듣고 추천/비추천 로직에 사용되는 doCallModuleAction 함수를 뜯어봤는데요. 요청을 ajax로 하더라구요? exec_json이라는 함수를 사용해서 json으로도 리스폰스를 받을 수 있게 되어 있습니다. exec_json 함수를 살펴보면 jquey ajax를 사용하여 요청하도록 만들어져 있습니다.
> 무슨 말인지 모르겠네요
자, 게시물 새로고침 없는 추천/비추천 기능을 만들기 위해서.. @스낙스님의 rx-flextagram 을 분석해보기로 합니다.
rx-flextagram 의 깃헙부터 가보시죠.
https://github.com/calvinsnax/rx-flextagram/
상태관리는 vue 구현하고 exec_json 함수를 사용하여 새로고침 없는 추천/비추천 그리고 취소 액션까지 구현해두었습니다.
> RX-FLEXTAGRAM 소스를 보면 VUE를 쓴 흔적은 안보이네요.
계속 살펴보면
./modules/board/skins/rx-flextagram/components/article/article-vote 에 추천 관련된 코드가 보입니다.
icon은 ion-icon을 썼는데
/layouts/rx-flextagram/_import.html 을 불러와서 쓰는걸 알 수가 있습니다.
하아. 여기에서 사실 삽질을 많이 했었는데요..
나머지는 뭐 간단합니다. 다 인클루드해서 작업하시면 됩니다. ㅠ