해당 글은 AI 정보들을 모아 보관하는 글입니다.급변하는 기술인만큼 포스팅 시간이 지날수록 잘못된 정보일 수 있습니다.https://jules.google/ Jules - An Asynchronous Coding AgentJules creates a PR of the changes. Approve the PR, merge it to your branch, and publish it on GitHub. Also, you can get caught up fast. Jules creates an audio summary of the changes.jules.google 예전에 OpenAI에서 Codex를 내놓으려 할 당시, 구글에서 먼저 jules를 출시했다.Codex를 써보고 싶었으나, 월 200달러인가 ..

해당 글은 AI 정보들을 모아 보관하는 글입니다.급변하는 기술인만큼 포스팅 시간이 지날수록 잘못된 정보일 수 있습니다. https://stitch.withgoogle.com/ Stitch - Design with AI stitch.withgoogle.com최근에 사이드를 하면서 늘 고민이였던게 UI 디자인이었는데, 그만큼 CSS 프레임워크에도 많이 의존도 하고 UI 컨셉도 생각하기 정말 어려운 부분이긴 했다. AI가 UI 디자인을 해주는게 없나? 생각했지만, 최근에 구글이 Stitch를 내놓으면서 이거다 싶었다. Google Labs에서 새로 내놓은 실험적인 도구. 프롬프트나 이미지를 입력하면 몇 분 안에 UI 디자인과 프런트엔드 코드를 생성해준다고 한다. 그래서 해본 찍먹. 사진에서 보면 알지만 만들어..

코드 비교변경 전: 수동 반복문 (느림)const bytes = new Uint8Array(binaryString.length);for (let i = 0; i 변경 후: Uint8Array.from() (빠름)const bytes = Uint8Array.from(binaryString, char => char.charCodeAt(0));성능 차이가 나는 이유1. 내부 구현 최적화수동 반복문의 처리 과정:JavaScript 인터프리터가 각 반복을 처리매번 조건 확인 (i )개별 인덱스 접근과 할당증가 연산 (i++) 반복Uint8Array.from()의 처리 과정:네이티브 C++ 코드로 구현벡터화된 연산 가능 (SIMD)메모리 접근 패턴 최적화루프 언롤링 자동 적용2. JavaScript 엔진 최적화V..

protobuf를 알아보다가 Uint8Array를 알게되고, 그러다가 TypedArray을 알게 되었다.자바스크립트 쓰면서 타입이 없어 비효율이 많다는 점을 내면속에 알고만 있었는데, 이런 부분을 보완한 Array가 있다고 해서 알아봤다.당연히 이런것들이 존재했을 법 한데, 새삼 이제야 알게된다.TypedArray는 단순히 타입이 있는것 뿐만 아니라 많은 용도들이 있는데 신기해서 가져와 봄. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/TypedArray TypedArray - JavaScript | MDNTypedArray 객체는 이진 데이터 버퍼에 기초하여 배열과 같은 보기를 만들어냅니다. 하지만 Typed..

https://github.com/protobufjs/protobuf.js/ GitHub - protobufjs/protobuf.js: Protocol Buffers for JavaScript & TypeScript.Protocol Buffers for JavaScript & TypeScript. Contribute to protobufjs/protobuf.js development by creating an account on GitHub.github.com Protocol Buffers란?Google이 개발한 언어 중립적 데이터 직렬화 형식JSON/XML보다 3-10배 빠름더 작은 크기로 데이터 전송성능 중요한 애플리케이션에서 사용.proto 파일 구조package ecommerce; // 네임스페..

Claude Code를 쓰다 보면 토큰 사용량이 궁금한데, 이걸 macOS 메뉴바에서 실시간으로 볼 수 있게 해주는 앱이다. Swift로 만들어진 네이티브 macOS 앱이고, 원래 Python 버전(Claude-Code-Usage-Monitor)을 macOS용으로 포팅한 거라고 한다.주요 기능들실시간 모니터링6초마다 업데이트토큰 사용량을 색깔별로 표시 (초록/노랑/빨강)메뉴바에 사용률 퍼센테이지랑 번레이트 이모지 표시번레이트 추적최근 1시간 기준으로 얼마나 빠르게 토큰을 쓰고 있는지 보여줌이모지로 속도 표시:🐌 100 토큰/분 미만 (여유로움)🚶 100-300 토큰/분 (보통)🏃 300-600 토큰/분 (좀 빠름)🚗 600-1000 토큰/분 (꽤 빠름)✈️ 1000-2000 토큰/분 (빠름)🚀 ..

해당 내용은 포스팅 시각 기준 실험적인 기능입니다. 그래도 좋은 기능이 나와서 포스팅합니다.해당 기능은 MDN에 포스팅 되어 있지만, 크롬에서만 선두적으로 개발해둔 실험적 기능이라 다른 브라우저에서는 지원하지 않습니다.그래도 크롬 기반에서는 쉽게 번역 기능을 구현할 수 있겠네요. https://developer.mozilla.org/en-US/docs/Web/API/Translator Translator - Web APIs | MDNThe Translator interface of the Translator and Language Detector APIs contains all the associated translation functionality, including checking AI model a..

최근에 oh my zsh를 설치하면서, 터미널을 설치하면 위와 같은 아스키 아트가 나온다.우리 회사에서도 flow api 서버에서는 터미널에서 서버를 실행하면 위처럼 아스키 아트가 나온다.그것보고 내가 예전에 LLM 서버에도 적용한적 있었다. 간단간단하게 만들었는데, 도커 터미널에서 보니 뭔가 깨지는 느낌이 들어서 아쉽다.AWS 서버에서 보면 예쁘게 잘 나온다. 그래서 많은곳의 터미널이 예뻐지고 힙해지길 바라며, 이 아스키 아트를 만들 수 있는 사이트를 공유해볼까 한다.https://patorjk.com/software/taag/ Text to ASCII Art Generator (TAAG) patorjk.com 이 링크로 들어가도 좋고, 구글에 ASCII Art Generator 라고 치면 나온다. ..

FossFlow는 워크플로우를 쉽고 직관적으로 관리할 수 있게 도와주는 오픈소스 툴이다. 처음엔 가볍게 둘러보려는 마음으로 살펴봤는데, 예상보다 더 깔끔하고 직관적인 인터페이스가 인상적이었다. 보통 워크플로우 관리 도구는 처음에 설정이 복잡하거나 학습이 오래 걸리는 경우가 많은데, FossFlow는 그런 어려움 없이 금방 사용할 수 있었다.사용 경험 및 주요 기능개발자 문서를 만들때 유용하겠다 싶었다. 보통 excalidraw를 이용해서 다이어그램을 그리거나 아키텍처를 그렸는데, 특히 아키텍처 그림을 그릴때 FossFlow 쓰는게 좋을것 같다고 생각이 들었다. 사용성에 있어서 드래그 앤 드롭 방식으로 간편하게 노드를 추가하거나 연결할 수 있는 부분이 매우 편리했다.복잡한 프로세스를 설정할 때도 흐름이 명..