pc.png.jpg

mobile1.png mobile2.png

 

RX Flextagram은 처음으로 무료 오픈소스를 목적으로 개발하여 배포한 flex-layout의 개선 버전인 BNU님의 RXP-FLEX 레이아웃을 기반으로 만들어진 오픈소스 테마 패키지입니다.

 

이전부터 SNS 디자인을 하고 싶었는데 BNU님의 RXP-FLEX 레이아웃 보고 삘이 와서 만들어봤습니다. 라이믹스 2.0 이상 최신버전을 대응하는 테마이며, BNU님께서 새롭게 제작하신 테마 시스템 덕분에 다크모드 관련 기능이 더욱 안정적이게 동작하게 되었습니다. 한 번 제 리포지토리에서 Fork된 프로젝트인지라 제가 다시 Fork를 할 수가 없어 깃허브 이슈를 통해 동의를 구하는 게시물을 작성했습니다만, 아직 답장이 없으셔서 공개 저장소는 만들어지지 않았습니다. 물론, 원작자의 소소한 월권행위(?)로 그냥 배포해버릴 수도 있고, 사실상 설정해놓은 라이센스가 2차 창작을 목적으로 하기 때문에 그냥 배포해도 되긴 합니다만, 아직 미완성이라 조금 더 다듬은 후에 업로드하도록 하겠습니다. 이번 오픈소스 프로젝트는 레이아웃과 게시판 스킨, 콘텐츠 위젯 스킨이 포함되어 있습니다. 게시판 스킨은 유료로 판매 중인 Alice board skin을 기반으로, 콘텐츠 위젯 스킨은 #hashtag 레이아웃과 유료 고객들에게만 공개된 slow-next(beta 버전)의 일부 소스를 활용하여 제작되었습니다.

 

아직 미완성이라 배포는 안하고 있습니다만, 아마 배포해도 그렇게 완성도가 높진 않을 겁니다. 가능성을 가진 소스를 배포하고, 커뮤니티의 참여를 유도하여 소스들이 점진적으로 개선되는 모습을 기대하고 있습니다. flex-layout을 시작으로 라이믹스 2.0 최신버전에 대응하는 오픈소스들이 이와 같은 형태로 커뮤니티의 협동이 이루어지고, 양산되었으면 하는 바람이 있습니다. 개인적으로 시작한 소소한 오픈소스 프로젝트에 동참해주신 BNU님 외 Fork해주신 분들 모두 감사드리며, 앞으로도 이 정신이 계승되는 다양한 작품들을 라이믹스 오픈소스 커뮤니티에서 만나볼 수 있었으면 좋겠습니다.

 

컨셉 자체가 SNS이기 때문에 의도적으로 보여지지 않거나 작동하지 않는 기능들이 있습니다. 이 점은 실험적인 작업이자 여러 가능성, 메시지들을 전하기 위한 목적으로 유지될 것입니다.

 


 

배포 시작합니다.

사실 아직 너무 미완성이라 공개하는 것이 좀 부끄럽습니다만... 일단은 공개하고 점차 개선해나가자는 생각입니다.

아래 깃허브 공개 저장소를 통해 확인해주시고, 수정사항이 있다면 풀리퀘 또는 Fork해주시고 함께 공유해주시면 감사드리겠습니다.

 

preview: https://calvinsnax.com/blog

github repository: https://github.com/calvinsnax/rx-flextagram

snax

profile
안녕하세요! Digital Product Designer, Calvin Snax입니다.
제 작업물을 확인해보시거나 작업을 의뢰하고 싶으신 분들은 제 사이트를 방문해주세요.
https://calvinsnax.com

XE & Rhymix 제작 자료
#HASHTAG 레이아웃: https://calvinsnax.com/hashtag
Alice 게시판 스킨: https://calvinsnax.com/alice
Slow 테마 패키지: https://calvinsnax.com/slow
coronach 레이아웃: https://calvinsnax.com/coronach
equeer 레이아웃: https://calvinsnax.com/equeer
eden 게시판 스킨: https://calvinsnax.com/eden
  • profile

    감사합니다. 판매버전도 나오면 좋겠네요^^

  • profile
    사진을보니 sns 느낌이 확 드네요 :)
  • ?
    오오오
    물론이죠. 영광입니다.
  • profile
    홍보야 당연한거지만
    작성자의 본업이 뭐든지 상관없이 저는 판매하는 제품을 구해한 구매자 입장에서
    문의하면 '레이아웃, 스킨이랑 상관없는 질문입니다.' ' 다음 버젽에 패치될 예정입니다.' 이런 답변 받았는데 이건 아니라고 생각합니다. 돈 받고 파는거면 최소한 답변해주고 오류가 있으면 '다음 버젼에 패치될겁니다'가 아니라 '우선 이렇게 수정하세요' 라고 반응하는게 일반적이지 아닐까 생각합니다.ps) equeer 패키지 구매한 후 수정하면서 느꼈지만 #hashtag 사고 나서도 똑같네요.

    본업이 아니라 알바로 돈 받고 파시는데 입장을 잘 정리하시고 공지해주시기 바랍니다.
  • profile profile
    레이아웃, 스킨이랑 관련없는 질문은 당연히 그렇게 답변하는거 아닌가요?
    그리고 "다음버전 패치"는 문제가있으니 반영하겠다는 의미겠죠.
    사용자들이 패치하면서 버전이 혼재되는게 오히려 개발자들이 유지보수하는 입장에서 최악입니다.
    오지랖일지 모르겠지만 내신 비용에 비해 너무 과한걸 바라시는게 아닐까 싶네요.
  • profile profile
    우선, 본 게시물은 홍보 목적이 아니며(물론 그래도 홍보의 효과가 있을 수 있다는 점은 염두하고 있습니다), 이전부터 점진적으로 유료 개발에서 오픈소스 개발로 옮겨갈 것이라는 언급을 해왔습니다. 물론 최근 제품의 업데이트가 늦어지고 있다는 점은 인지하고 있습니다. 이번 오픈소스도 해시태그 뿐만 아니라 같은 기반을 공유하는 slow, alice의 통합 개편을 위한 초석으로 작업되었으며, 따라서 유료 제품의 정수가 일부 반영되는 것 또한 당연한 부분입니다.

    응대에 대한 부분은 항상 제 사이트 멤버십 게시판 공지를 통해서도 강하게 언급하는 것과 같이 문제점이 확인되더라도 원인과 해결책을 바로 확인할 수 없기 때문에 버그 픽스 예정으로만 약속을 드리고 있는 부분입니다. 또한 레이아웃, 스킨과 무관한 질문입니다. 라는 답변은 이전부터 지속적으로 일관하고 있는 사항으로 이퀴어 판매 시절부터 제가 판매하는 제품은 모두 기술지원 비용이 제외되어 비교적 저렴한 것이라고 제품 소개란에서부터 언급해오고 있습니다. 따라서 확실하게 도움을 드려야 하는 부분이 아니라면 답변하지 않는 원칙을 세우고 있습니다. 일일히 모두 실시간으로 문제를 확인하고 해결책을 안내드리고 그러면 좋겠지만, 그럴만한 시간적 여유를 투자할만한 여건은 아닌지라 해결을 약속드리고 늦게라도 리뉴얼 등을 통해 다시 한 번 유료 고객들에게 새로운 제품 경험을 드리는 등, 제품 본연의 가치에 집중하고 있습니다. 물론 그것 또한 지금은 더욱 여건이 안되고 있습니다만... 그래서 다시 취미로써의 개발로 이어가기 위해 유료화 제품 대부분을 판매 중단, 또는 무료 배포로 전환하고 있는 부분입니다. 이 점은 너그럽게 이해해주셨으면 합니다.

    또한 돈을 받고 물건을 파는 입장에서 할만한 소리는 아니란 것은 압니다만, 취미로 시작한 일이었고, 이 정도 가격으로 팔만한 디자인, 소스도 아니며, 이 정도 가격을 받고 사람을 상대할 만큼 가치있는 금액대는 아니기도 합니다. 저 또한 다소 매정한 스탠스의 고객 응대 규정을 잡고 있다는 것을 인지하고 있지만 그렇게라도 해야 내가 만드는 물건의 본질에 집중할 수 있겠다고 생각했기 때문입니다. 돈과 관계없이 고객들이 지불하는 금액은 내 재능에 대한 소소한 후원이라고 받아들이는 편이 이 일을 긍정적으로 할 수 있는 원동력이기도 했습니다. 말씀하셨던 사례와 같이 코드 수정 방법을 초기에는 안내 해드렸던 것을 기억하실지 모르겠습니다. 실제로 한 번 코드 수정 방법을 안내해드렸던 때가 있습니다. 그 당시의 열정이 많이 무뎌진 탓도 있고, 여러모로 내려놓은 것들이 많게 되었습니다. 초기에는 개인적인 커스텀 방법에 대해서 문의하는 것만 금하는 것이었지만 지속적으로 반복적인 질문과 개인적인 편의를 위한 개선 요청, 각종 핑프 분들... 솔직한 말로 피곤해지기 시작한 시점입니다. 기존 유료 고객들을 저버리지 않기 위해 겨우겨우 리뉴얼을 하고 버전을 이어오고 있지만 어느 시점에서는 유료 제품의 판매가 중단되기 시작할테고, 유지보수 또한 중단되기 시작할 것입니다. 제 기준을 모두에게 강요할 수는 없지만 저만의 기준을 가지고 지속적으로 고집하고 있는 점, 이를 꼭 지켜나가고 싶다는 점을 알아주셨으면 좋겠습니다.

    이퀴어 시절부터 좋은 팁들 올려주시면서 도움 주셨던 것을 기억합니다.
    비록 저 자신이 기대에 못미치는 사람이 되었지만 그럼에도 지금까지도 주시는 관심과 도움 모두 감사 드립니다. 좋은 주말 되세요 :)
  • profile profile
    다른 제품과 관련하여 글쓴이와 의견 충돌이 있으셨는지는 모르겠으나, 이 글에서 소개된 제품은 무료로 배포할 예정이라고 하는데 거기다가 돈 받고 파는데 뭐 어쩌네 하는 지적은 적절하지 않은 것 같습니다.
  • profile profile
    1. 개발자는 본인이 배포한 자료만 개발하면 되지 타 자료까지 신경쓸 의무는 없습니다. 자동차에 비치한 향수 때문에 생긴 문제를 자동차 제조사에게 따질 순 없습니다.

    2. 다음 버전에서 수정된다는데 더 필요한게 있나요? 수정사항이 한두줄이라면 모를까 여러줄이라면 일일히 안내하기도 쉽지 않습니다. 안내를 한다 해도 불필요한 안내를 하느라 정작 다음버전 출시가 지연될 수 있습니다. 이경우 본인 편의를 위해 모든 다른 구입자들에게 피해를 주는 것입니다.

    3. 이런식으로 관련 없는 글에 댓글로 문의하는것 역시 일반적이지 않습니다. 특히 글쓰신분은 개인 사이트도 있는데, 사이트 두고 굳이 관련없는 글에 댓글 다셔야 했나요?
  • profile profile

    저도 레이아웃에 문제가 아니라는 답변을 많이 받았지만 결국엔 외주로 전부 고쳤습니다 :)

  • profile profile
    제가 부적절한 댓글을 달았네요. 사죄 드립니다. (__)(__)
  • profile
    오픈소스로 공개해서 fork에 fork를 거듭하는 모습 보기 좋습니다.^^
    언젠가 저도 두 분의 노력에 spoon을 얹어봐야겠네요.
  • ?
    snax님은 라이믹스 생태계에 있어 정말 가뭄에 단비 같은 존재신 것 같습니다.

    이번에는 유료 제품 급의 디자인에 게시판 스킨까지 갖춘 제품을 오픈 소스로 배포하신다고 하시니 이래도 되나 싶을 생각이 들 정도로 라이믹스 생태계가 더욱 풍성해지는 것 같아 감사하고 기쁜 마음 뿐이네요.

    여담이지만 snax님의 Slow 테마 패키지는 매우 만족하면서 잘 사용하고 있습니다. 이 자리를 빌려 진심으로 감사 인사를 드리고 싶습니다.
  • profile
    수고하셨습니다. 감사히 잘쓰겠습니다.
  • profile
    너무 좋네요!!!
  • profile
    이퀘어 패키지 사용자인데 아쉽네요.
    snax 님 좋은 자료 잘 사용하고 있습니다.
    감사합니다.
  • profile profile
    팬더 곰이너무 귀여워요.
  • profile profile
    감사합니다.
    제 사이트 캐릭터로 사용하고 있습니다. ^^*
  • profile
    감사합니다.
  • profile
    좋은 소식이네요!
    부디 오래오래 라이믹스 품어주세요 ^^
  • profile
    게시판 스킨에서
    Template not found: modules/board/skins/rx-flextagram/components/tools-bottom.html.html
    누락 된 것인가요?
  • profile ?
    board-skins-rx-flextagram-components-footer-footer.html 파일에 경로를
    <include target="../../components/footer/tools-bottom.html" cond="$grant->write_document" />
    바꾸어보세요.
  • ? profile
    감사합니다.
    경로 지정이 잘 못 되어 있는 것을 모르고 관리자버튼과 쓰기버튼 코드를 만들어 넣었네요. ㅠㅠ
    원래대로 복구하고 tools-bottom.html 에 설정 메뉴만 추가했습니다.
  • profile profile
    앗 footer는 저만 볼 수 있는 것이었군요…ㅋㅋㅋ 수정하도록 하겠습니다👍
  • ? profile
    <include target="../../components/footer/tools-bottom.html" cond="$grant->write_document" />로 경로를 바꾸라고 하셨는데요. 위 코드 수정이 필요한 파일은 어디에 무슨 파일인지 경로와 파일명을 할 수 있을까요?
  • profile profile

    현재 수정되어 있기 때문에 깃허브에서 다시 파일 전체를 내려받으셔야 합니다.

    이제 시작된 프로젝트라 매일 업데이트 됩니다.

  • profile profile
  • profile
    굳!
  • profile
    빨리 써보고 싶은 마음에 위의 글들을 다 읽어보지 않았었는데
    저도 이퀘어 패키지 구매자이지만 snax 님 이해하고 응원하며 좋은 자료를 무료 배포해주셔서 감사합니다.
    무료 배포해주신 이번 패키지 너무 좋와요.
  • ?
    궁금해서 한번 사용해봤는데 너무 예쁩니다.
    여러가지 생각하기가 귀찮다면 이걸로 개인 블로그를 만들어도 될 정도의 완성도인 것 같습니다.
    이런 좋은 자료를 무료로 배포해 주셔서 정말로 감사드립니다.
    혹시라도 업데이트 계획이 있으시다면 게시판 스킨의 검색기능 추가와 components/footer/footer.html 파일의 잘못된 경로 참조를 고쳐주신다면 매우 좋을 것 같습니다. ㅜㅜ
  • ? profile
    파일 수정되었습니다👍
  • profile
    정말 아름다운 레이아웃이네요.
  • profile
    멋진 자료 감사합니다. 컨셉에 맞게 제가 운영하는 사이트에 한꼭지를 배포해주신 테마로 구성했습니다. 아주 멋지네요.

    https://rxtip.kr/talk
  • ?
    와 너무 멋집니다. 단정하고 고급지네요! 감사합니다!
  • profile
    와~ 몇 시간만에 수정사항이 굿입니다.
    갤러리 위젯 모바일버전에서 선명도가 많이 떨어집니다.
  • profile profile
    갤러리 위젯 선명도는 직접 썸네일 사이즈를 높이셔야 합니다. 저같은 경우 위젯 코드에 thumbnail_type=“fill”을 넣어 라이믹스의 썸네일 꽉채우기 기능을 사용하도록 하고 썸네일 사이즈는 500x500 정도로 설정해두었습니다.
  • profile profile
    답변 감사합니다.
  • profile
    자료가 넘 멋집니다. 회사에서 블로그를 만들게 된다면 사용해야 겠어요
  • profile

    지금 이 문제의 본질은 하나로 정의내릴 수 있을거 같아요

    "시간과 돈"

    snax님 입장에선 좋은 레이아웃을 저렴하게 파는데 구매자들의 요구사항이 과하다라고 생각하시는듯해요

    구매자들 입장에선 좋은 레이아웃인건 맞는데 실서비스에 적용하는 입장에서 좀 더 빠른 패치를 원하는듯 하고요

    다른 서드파티 판매자처럼 snax님께서도 좀 더 시간적 여유가 있다면 차라리 유료로 커스텀을 해주는 걸 좀 더 적극적으로 도입해보세요

    지금은 뭔가 소극적으로 어필하시는 거 같은데

    그런 모습에서 판매자와 구매자간에 큰 간격이 있고 상호간에 오해와 감정만 상하는거 같습니다

    snax님 입장에선 자연스럽게 커스텀 의뢰가 들어오시길 바라실텐데
    유저입장에선 그런 점이 어필이 안 되고 불친절하다고 느끼는거 같아요

    제 지인도 해당건은 외주를 통해서 해결했고 이 문제로 제가 안타까움을 느껴서 댓글 달았다가 snax님께서는 지금까지도 저를 싫어하시고 오해를 하고 있으신듯해요

    snax님은 좋은 디자이너분인게 맞고 라이믹스 생태계에 긍정적인 영향을 주시는 분은 맞습니다 다만 지금의 방식을 고수하시기 보단 변화를 한번 주면 어떨까 싶어요

    snax님 입장에서 커스텀 의뢰건이라고 생각한다면 정중하게 커스텀 결제를 하도록 유도를 하시는게 더 나을듯해요

    구매자들로부터 반복적인 질문에 지치고 짜증도 나시겠지만 구매자와 snax님 모두가 윈윈하는 방법은 결국 커스텀 의뢰를 활성하고

    sanx님께 조금 실망해서 다른 커스텀을 해줄 사람을 찾는 유저들을 snax님이 흡수하는 겁니다

    주제 넘는 조언을 또 하게 되서 죄송해요

    저번에도 말씀 드렸지만 전 snax님을 위해서 이야기 드리는거니 오해를 조금만 풀고 제 조언을 한번 생각해보셨으면 해요

    결국 시간이 지날수록 이 문제는 더 커질거고 그게 snax님이 라미익스 생태계를 떠나게 만드는 이유가 될까봐 걱정됩니다

    라이믹스엔 정말 대단한 개발자 디자이너들이 많은거 같아요 한분한분이 일당백이시죠 다들 싸우지말고 함꼐 잘 지냈으면 합니다

  • profile profile
    정의를 내리신건 본인 생각이시구요.
    커스텀을 꼭 제작자가 맡아주어야 하나요?
    창작자 본인이 커스텀을 하지 않으시겠다는데 왜 굳이 본인 생각을 주입? 하시려는지 참 이해가 안갑니다.
    그냥 커스텀 가능한 개발자님들 널렸습니다. 그 분들께 맡기세요!
    이런 글 자체가 싫증나게 하는 글입니다.
  • profile ?
    굳이 이런 글에 이런 댓글 달을 이유 없는거 같은데요.
  • profile profile
    커스텀 의뢰건은 시간 여유가 없는 관계로 문의 주시는 분들의 의뢰를 정중히 거절 드리고 있습니다. 그 전에 의뢰가 필요없게 개발하는 것이 좋겠지만 현재로써는 소극적으로 버그픽스와 조금씩 개발을 쌓다가 대개편 등을 통한 접근만이 가능한 상황입니다. 위 내용을 보셨듯, 유료화를 줄여나가고 오픈소스로써 독립적인 프로젝트가 아닌 공동 프로젝트 제작으로 소프트웨어의 생명을 유지하는 방향을 택하고 있습니다. 유료화 중단 예고에 대해 아쉬움을 표하시는 분들도 분명 계시지만 이를 통해 단일 개발자에 의존적인 서드파티 환경이 개선되길 기대하고 있습니다. 이번 프로젝트의 시작이 여러모로 큰 의미의 변화라고 받아들여 주시면 좋겠습니다.
  • profile profile

    불쾌감 드릴려고 댓글 단게 아닌데

    대댓글이 달려서 삭제를 할수가 없네요

    죄송해요

     

    그리고 항상 응원하고 있습니다

     

    좋은 자료 공유해주셔서 감사합니다.

  • profile

    네 제 댓글 삭제할게요 두분 대댓글 삭제 좀부탁드려요

     

    대댓글이 달려서 삭제가 막혔어요

     

    snax님 오기 전에 지웠어야했는데 fail TT

  • profile profile
    댓글을 좀 늦게 봤습니다. 지금 보니 제 댓글도 오해의 소지가 있겠네요.
    좀 험하게 말씀드려 죄송합니다.
    블리즈세븐님 의견이 나쁜 것은 아닌데, 가만히 읽어보면, 가르치려는듯한? 인상을 줄 수도 있다는 생각이 듭니다.
    물론, 블리즈세븐님은 그럴 의도가 전혀 없을수도 있습니다.
    다만, 다른 사람들은 그렇게 느낄수도 있을 것 같습니다.
    제가 블리즈세븐님 댓글을 보고 있자면,..
    너무 자신의 생각으로 상황을 해석?하시는게 아닌가 싶습니다.
    다들 다를뿐이지, 나쁜건 아니니까요,
    제가 오해했다면 죄송합니다. 표현이 좀 거칠었습니다. 죄송
  • profile profile
    온라인 글쓰기가 그래서 어려운듯합니다

    제 실수를 느끼고 댓글을 지울려고 헀는데 이미 늦어버렸네요

    앞으론 이런 부분은 좀 더 주의를 기울여야 할듯합니다

    조언 감사합니다.
  • profile profile
    수용하시는 이런 태도만으로도 충분한 것 같습니다! ^^ 우린 다들 단점도 많고 부족하니까요 ^^
    파이팅입니다!
  • profile
    사이드바 위젯을 직접 코드를 발생해서 입력하라고 설명되어 있는데요.
    https://calvinsnax.com/blog 여기처럼 동일하게 사이드바에 위젯을 넣으려면
    어떻게 해야하는지 알려주시면 감사드릴께요.
  • profile profile

    배포 깃허브 설명에 나와 있구요. 어려우시다면 아주 쉽게 설명해 놓은 것을 보고 학습을 하셔야 할 것 같습니다.
    https://github.com/calvinsnax/rx-flextagram#%EC%82%AC%EC%9D%B4%EB%93%9C-%EC%9C%84%EC%A0%AF-%EC%82%BD%EC%9E%85-%EB%B0%8F-%EC%9C%84%EC%A0%AF%EC%8A%A4%ED%83%80%EC%9D%BC%EC%9D%84-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

    위설명에 나오는  변수와 변수값을  위젯코드에 넣어야 하는 이유와 방법의 설명
    https://rxtip.kr/rx_study/7350

  • profile profile

    꿀팁 보고 그대로 따라했더니, 성공했습니다. ㅠㅠ 감동입니다. 꿀이 뚝뚝~

    감사드려요!

  • profile profile

    저에게 개발을 어떻게 배우냐고 하셨죠? 궁금한 것을 해결해보려고 찾아보면서 궁금증을 해결하면서 하나씩 몰랐던 사실을 알아가게 됩니다. 아주 쉽게 위젯을 생성해서 페이지에 만들수 있게 해주는 라이믹스와 XE 이지만 쉽게 사용하게 해주는 이유가 코드지식을 알 필요가 없도록 만들어져 있기 때문입니다.

    그런데 툴에서 정해진 컨텐츠 영역에서 자동으로 코드를 만들어내는 곳 외에서 위젯을 작동하려면 위젯코드를 넣으면 된다. 그런데 위젯스타일은??

    여기서 궁금점이 하나의 미션이 됩니다.

    이 미션을 클리어하기 위한 전반적인 물음에 대해 하나씩 조각을 내기 시작하면 굉장히 많은 라이믹스의 작동 원리를 이해하고 때로는 코드를 이해해야 하는 경우는 말씀 하신 개발능력까지 습득하게 됩니다.

    따라해서 성공하시는건 너무 당연하구요. 그리고 해결하셨다니 다행입니다.
    지금 제가 설명한 문서를 완벽하게 이해하도록 해보세요. 사실 어려운게 별로 없어서 조금만 공부하면 이해할 수 있는 부분들입니다.

    이렇게 하나씩 내가 몰랐던 영역을 도장깨기 하듯이 하시면 개발을 어디서 배우지 않은 저와 같은 사람도 왠만한건 혼자서도 조금씩 고쳐가면서 사이트를 꾸미고 만질 수 있게 됩니다.

     

    이렇게 매일 매일 하나씩 하고 싶은거 궁금한거 알아가다 보면 뭔가 만들어내고 만들다 보면 왜 안되는지 디버그도 해보게 되고 하게 됩니다. 물론 아주 간단한 것들을 만들게 되지만요...