미리보기

https://yeoularu.github.io/prompt-mango

LLM 프롬프트 작성과 관리를 도와주는 프로그레시브 웹 앱

• 간편한 작성

  • 클릭 또는 키보드 단축키로 프롬프트 검색, 에디터에 추가

  • 필요한 위치로 자동 커서 이동

  • 드래그 앤 드랍 방식의 프롬프트 순서 조정

• 안전한 관리

  • 작성중인 프롬프트의 모든 변경사항이 자동 저장

  • 복사/저장한 프롬프트들이 보관되며 재열람, 편집 가능

  • 설치 여부와 관계없이 오프라인에서 사용

• 사용 기술: Vite PWA, React, Nano Stores, TanStack Router, Tailwind CSS, shadcn/ui

• Github

https://story-node.com

폴더 구조, 그래프 뷰 기능으로 스토리 작성과 확장, 공유를 도와주는 웹 서비스

• 다양한 컨텐츠 탐색 UI 제공

  • Folder View,

    Graph View(Tree, Linked)

  • 모바일 환경에서도 직관적으로 동작

• 빠른 반응성

  • Star, Follow 버튼 인터렉션 시 Optimistic Updates를 적용해 사용자의 네트워크 환경이 좋지 않아도

    즉각적인 피드백 제공

• 강력한 텍스트 뷰어

  • 다음 에피소드로 무한 스크롤, 에피소드 전환 시 브라우저 history push로 페이지 이탈에 대응

  • 글꼴, 글씨 크기, 색 테마를 쉽게 변경 / 초기화

• 편리한 글쓰기

  • 텍스트 변경 시 디바운스 콜백으로 서버에 자동저장 되어 편집 중 내용 유실 방지 및 다른 기기에서 이어쓰기가 가능

  • 커스텀 가능한 텍스트 뷰어와 동일한 글쓰기 환경 구현

    • 독자의 환경을 완벽히 미리보기 하며 동시에 편집 가능

• 높은 구글 평균 게재순위(2.3, 24.09.25) 달성("story node" 구글 검색)

• 사용 기술: Next.js, D3.js, TanStack Query, Supabase, Tailwind CSS, RadixUI, shadcn/ui

• Github

600명 규모 해커톤에서 최우수상(2위) 수상

• 음성 텍스트 변환, 음악 플레이어 기능 구현 및 시연 (Web Speech API)

  • 디자이너와 빠르게 소통하며 24시간 만에 매끄러운 음악 생성 UX를 구현,

    성공적으로 시연해 심사위원의 좋은 반응을 이끌어냄

• Github

• 차량용 어안카메라 실시간 영상처리(왜곡 보정, 스티칭) SW 프로토타입 개발

  • Python OpenCV의 FisheyeCamera 모델을 활용,

    제한된 컴퓨팅 환경에서 30FPS 이상의 처리속도가 나올 수 있도록 캘리브레이션(좌표 매핑) 값을 룩업테이블로 구성해 빠른 왜곡 보정 구현