라이믹스/XE 새로고침없는 추천/비추천 기능 만들기 (feat. rx-flextagram 분석하기)

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를 쓴 흔적은 안보이네요.

계속 살펴보면 

https://github.com/calvinsnax/rx-flextagram/tree/main/modules/board/skins/rx-flextagram/components/article/article-vote

./modules/board/skins/rx-flextagram/components/article/article-vote 에 추천 관련된 코드가 보입니다.

icon은 ion-icon을 썼는데 

/layouts/rx-flextagram/_import.html 을 불러와서 쓰는걸 알 수가 있습니다.

하아. 여기에서 사실 삽질을 많이 했었는데요..

나머지는 뭐 간단합니다. 다 인클루드해서 작업하시면 됩니다. ㅠ