오픈소스10 [오픈소스]CustomSwipe 개발 후기. 프런트엔드 swipe 기능의 경우 이미 swiper 같은 좋은 오픈소스가 많이 존재한다. 다만 swiper 같은 오래 관리되고 여러 기능을 지원해 주는 오픈소스의 특징상 커스터마이징에 적합하고 경량화되었다고 보기 힘든데 인터넷 환경이 좋지 않은 사용자들을 대상으로 지원할 swipe 기능에 대한 관심에서부터 시작한 react-custom-swipe라는 토이 오픈소스에서부터 개선점 및 아이디어를 추가해서 개발을 하다가 최종적으로 custom-swipe라는 오픈소스를 개발하게 되었다. swipe라는 기능을 커스터마이징 가능하게 Headless Components라는 개념으로 제공하는 오픈소스이며 가벼움과 간단함, 커스터마이징이라는 3가지 특징에 중점을 두고 만들었다. 사실 가볍게 Toy느낌으로 시작해서 Toy.. 2024. 2. 12. [React] react-custom-swipe 1.2 버전업 후기 최근에 흥미를 위해서 간략하게 개발하고 방치해둔 패키지인 react-custom-swipe의 버그들을 수정한 후 리팩토링 및 기능추가를 진행했다. 개인적인 흥미로 개발을 진행했던 패키지이다보니 패키지 개발 진행중 흥미를 상실하여서 기획만 해두고 방치해둔 기능들 그리고 알고 있으나 역시 귀찮아서 미뤄두었던 부분들을 해당 패키지를 지속적으로 관리하기로 결정하고 약 하루 정도 시간을 들여서 리팩토링을 진행후 기획했던 기능들을 개발완료했다. 이 글은 그 과정에서 소소하게 느낀부분이나 변경점들에 대한 간략한 기록이다. 이미 기존에 개발된 swipe나 slide 관련한 플러그인이나 라이브러리는 상당히 많은 편이다. 슬라이드나 스와이프 기능 자체가 dom 조작을 통해서 구현하는 요소다 보니 기존의 slide나 swi.. 2023. 9. 27. 오픈소스 디자인 시스템 만들기 -4- 1. 베이스가 될 컴포넌트들을 만들다보니 컴포넌트에 대한 커스텀 권한이 어느 정도가 되어야할지 적정한 선에 대한 고민이 있다. 디자인에 맞게 변형이 너무 힘들면 그것도 불편하고 그렇다고 디자인 시스템을 너무 변형해서 사용하는 것도 디자인 시스템이라는 목적성에 맞는지 모르겠다. 오픈소스로 개방하고 개인적으로 여러 도메인에서 사용할 생각이라 변형이 쉽게 설계하고 개발하고 있긴하다. 기존의 antd나 부트스트랩 머테리얼 디자인등을 참고중 인데 해당 부분들이 UI 라이브러리긴 하지만 순수하게 디자인 시스템이라고 보긴 힘들어서 그런점도 있고 cloudscape-design와 같이 특정 도메인에 종속적인 느낌으로 가기엔 아직 결정한게 없다. 2. 컴포넌트 자체의 복잡도가 서로 다른 점 해당 시스템을 실제로 적용해서.. 2022. 11. 29. 오픈소스 디자인 시스템 만들기 -3- 1. 디자인 툴로 emotion과 styled 방식의 css in js를 선택했으나 사실 굳이 두가지 방식을 고집할 필요성을 검토 해본 결과 찾지 못했고 오히려 오픈소스로 여러 환경에서 적용하려면 import css 방식으로 베이직하게 하는게 더 효율적이라는 것을 느꼈다. 사실 순수하게 개인이 자주 쓰던 기술이라는 이유로 별 고민없이 선택한 기술 스택에 가깝다. 그래서 먼저 디자인 시스템 1.0버전이 완성시키고 추후 걷어내기로 결정. 일단 지금은 그냥 css in js를 이용해서 편하게 만들어 보기로 했다. 2. 디자인 요소를 시맨틱하게 컨셉을 잡은 것은 좋으나.. 어느 도메인을 메인으로 타겟팅 할 건지 생각을 안해서 그런지 작업상 장애요소가 상당히 많음. 디자이너가 아니다 보니 더욱 그런듯. 큰틀에서 .. 2022. 11. 12. 이전 1 2 3 다음
