그 많던 토큰은 누가 다 먹었을까
에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.
#LLM#MCP#Figma
4220
그 많던 토큰은 누가 다 먹었을까
태그
JavaScript 기술 블로그 글
JavaScript 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 106개최신 20개 표시
관련 태그
최신 게시글
20개 표시
es-toolkit: How a Small Internal Library Became a Global Project
Toss는 lodash의 한계를 보완한 현대적 유틸리티 라이브러리 es-toolkit을 만들고 OSS로 확산시켰습니다. 호환 레이어와 성능 개선으로 대형 프로젝트 채택과 주간 2천만 다운로드를 달성했습니다.
#JavaScript#open source#bundle size
4000
es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지
토스의 es-toolkit이 lodash 대체를 목표로 성능과 번들 크기를 개선하며 성장한 과정을 소개했습니다. 국내외 커뮤니티 기여와 대형 오픈소스 채택으로 주간 다운로드 2천만 회를 넘겼습니다.
#JavaScript#TypeScript#GitHub
9300
SaaS 대체하기: AI와 함께한 광고SDK 에러 모니터링 시스템 구축기
서드파티 SDK 환경의 한계를 보완하기 위해 전용 JavaScript 에러 모니터링 시스템을 AI Agent로 구축한 사례를 공유했습니다. 외부 SaaS 대체 가능성과 사내 인프라 기반 도구의 가능성을 함께 살펴봤습니다.
#JavaScript#모니터링#SDK
3400
SaaS 대체하기: AI와 함께한 광고SDK 에러 모니터링 시스템 구축기
FE News 26년 6월 소식을 전해드립니다.
2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.
#TypeScript#JavaScript#CSS
8800
FE News 26년 6월 소식을 전해드립니다.
테크블로그 글 템플릿 1
생성형 AI가 개발 생산성과 학습 속도를 크게 높이는 실무 도구로 소개되었습니다. 다만 할루시네이션과 보안 문제를 막기 위해 인간 검증과 가이드라인이 필요합니다.
#LLM#prompt#JavaScript
13700
테크블로그 글 템플릿 1
카카오톡 예약하기에서 그려 본 캘린더
카카오톡 예약하기 서비스에서 캘린더를 직접 구현한 경험을 소개합니다. 친숙한 캘린더를 만들며 겪은 FE 개발 이야기를 공유합니다.
#JavaScript#UI/UX
9500
FE News 26년 4월 소식을 전해드립니다!
이번 글은 FE 분야의 주요 기술 소식을 한 번에 정리해 전해드렸습니다. Temporal, TypeScript 6.0, Node.js 릴리즈 정책, Expo UI와 AI 코딩 에이전트 관련 흐름을 소개했습니다.
#JavaScript#TypeScript#node.js
18400
FE News 26년 4월 소식을 전해드립니다!
97% Smaller, 2x Faster: How es-toolkit Reached 10 Million Weekly Downloads
토스가 lodash 대체용 JavaScript 유틸리티 라이브러리 es-toolkit을 소개했습니다.\nES Modules와 TypeScript 기반 재설계로 번들 크기와 성능을 크게 개선했습니다.
#JavaScript#TypeScript#ES Modules
10500
웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
iOS 웹뷰에서 input focus 시 화면이 밀리는 문제를 여러 방식으로 개선한 과정을 정리했습니다. 최종적으로는 opacity 트릭으로 자동 스크롤을 막아 입력 경험을 안정화했습니다.
#iOS#WebView#input
6000
웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
LLM과 Reveal.js로 슬라이드를 쉽게 만들고 공유하기
블로그 글을 LLM으로 요약해 Reveal.js 슬라이드로 바꾸는 방법을 소개했습니다. GitHub Pages 배포까지 연결해 빠른 제작과 공유 효율을 높였습니다.
#LLM#Reveal.js#GitHub Pages
3500
끊김 없는 사용 경험을 위하여 : 카카오톡 선물함 속 교환권을 배달의민족 주문으로 연결한 여정
카카오톡 선물 교환권을 배민 주문에 연결하는 과정과 바코드 인식 문제를 다뤘습니다. 노란 테두리 이미지로 인한 이진화 실패를 분석하고 직접 이진화로 개선했습니다.
#바코드#JavaScript#zxing.js
1400
끊김 없는 사용 경험을 위하여 : 카카오톡 선물함 속 교환권을 배달의민족 주문으로 연결한 여정
WOOWACON 2025 미니게임 WOOWA POP!
WOOWACON 2025 미니게임 우아팝 개발 과정과 랭킹 조작 방지 구조를 다뤘습니다. WASM 물리 엔진과 캐시로 결정성과 성능을 확보한 사례입니다.
#WOOWACON#WASM#JavaScript
5100
WOOWACON 2025 미니게임 WOOWA POP!
채널톡 iOS26 대응기
iOS26의 Safari 주소창 변경으로 채널톡 메신저 하단에 사이트가 노출되는 문제를 대응했습니다. CSS 한계와 스크롤 이슈를 거쳐 동적 커버 방식으로 채팅 경험을 개선했습니다.
#iOS#iPhone#Safari
000
채널톡 iOS26 대응기
채널톡 iOS26 대응기
iOS26에서 Safari 주소창 변경으로 채널톡 메신저 하단에 빈 공간이 보이는 문제를 대응했습니다. CSS 우회와 커버 오버레이 방식을 거쳐 채팅 경험을 해치지 않는 방향으로 적용했습니다.
#iOS#iOS 26#Safari
900
AX 시대를 위한 한글 문서: 오픈소스 생태계 현황 분석과 활성화 전략
한글 문서는 AI 학습에 유리한 공개형 포맷이며, PDF 변환보다 직접 추출이 더 효율적이라고 설명했습니다. 오픈소스 도구와 개발자 지원을 강화해 생태계를 키워야 한다고 제안했습니다.
#HWPX#오픈소스#Python
3600
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 성능 병목을 JavaScript 픽셀 순회에서 찾고 WebGL로 전환했습니다. GPU 병렬 처리와 하이브리드 구조로 CPU 사용률을 크게 낮췄습니다.
#WebGL#GPU#Canvas 2D
100
WebGL 활용한 화상회의 배경 블러 처리 개선
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 느린 성능을 WebGL과 GPU 병렬 처리로 개선했습니다.\nCPU 병목을 줄여 저사양 기기에서도 부드럽게 동작하도록 만들었습니다.
#WebGL#GPU#Canvas 2D
1100
Shadow Dom : 중요한 건 깨지지 않는 스타일
여러 플랫폼의 이력서를 한 화면에서 안정적으로 보여주기 위해 Shadow DOM 적용 사례를 다뤘습니다. 스타일 충돌 방지, 스크립트 처리, FOUC 대응과 한계까지 정리했습니다.
#Shadow DOM#CSS#DOM
5700
FE News 25년 11월 소식을 전해드립니다!
FE 분야의 최신 소식을 React, LLM 보안, 웹 암호화, 도구체인, 아키텍처 관점에서 정리했습니다. 각 주제의 핵심 변화와 의미를 한 번에 살펴볼 수 있습니다.
#React#LLM#JavaScript
10900
FE News 25년 11월 소식을 전해드립니다!