본문 바로가기

개발163

[오픈소스]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.
[아키텍처]레이어드 아키텍처(Layered Architecture)에 대하여 기본적인 아키텍처에 대해서 정리를 해서 문서화 할 필요성을 느끼고 Basic한 레이어드 아키텍처에 대해서 분석하고 개인적인 견해를 간단히 정리해본다. Layered Architecture는 '관심사에 분리(Separation of concerns)'에 따라 어플리케이션을 일정한 책임을 기준으로 논리적인 Layer로 분리한 아키텍처 패턴이다. 계층은 잘 정의된 인터페이스를 통해서 통신하며 보통 각 Layer는 한단계 아래의 Layer의 컴포넌트와만 상호작용한다. 그러나 그렇게 할 경우 발생하는 불편함들이 꽤 있기에 아래 단계 뿐 아니라 동일한 Layer상의 컴포넌트 끼리와도 상호작용 할 수 있게 설계하는게 보통이다. 사실 아키텍처라는 것이 가진 본래 목적이 좋은 소프트웨어를 만들기 위함이고 좋은 이라는 모.. 2023. 4. 12.
chatGPT의 가장 큰 한계는 실제 사용자 입력을 이해하지 못한다는것. 여러번 같은걸 반복하면 개선이 되긴하지만 실제로 사용자 입력을 이해한다기보다는 학습한 패턴에서 유사한 패턴을 가져오는 것에 가깝다. 그렇게 학습한 패턴을 토대로 생성해주는 자료들은 당연히 학습한 패턴과 유사하게 나오기에 학습한 데이터셋이 중요한편이라 보인다. 오류가 적고 양질의 정보가 많은 패턴일 수록 괜찮은 데이터를 생성해내는데 그 패턴을 만드는걸 프롬프트 엔지니어링이라 부르는거 같은데 아직까지는 결국 우물안에서 노는 것과 다를바 없어보인다. 2023. 3. 28.