CMS 라이믹스(XE) 오픈 자료실 보관 자료실 상품제안 제품매뉴얼 모듈 매뉴얼 버전 관리 관련사이트 워드프레스 그누보드 카페24 고도몰 제로보드4 CGI

비추천 기능 만들기 (feat. rx-flextagram 분석하기)

2021년 09월 01일

1단계 검색하기

구글링을 해봅니다.

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 을 불러와서 쓰는걸 알 수가 있습니다.

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