토스는 어떻게 광고 속에 게임을 넣었을까
토스는 게임 광고 소재를 받지 못하던 문제를 해결하기 위해 MRAID 기반 플레이어블 광고 SDK를 직접 만들었습니다. 실제 호출 범위만 구현하고 렌더 완료 감지와 배포 계약을 분리해 운영했습니다.
#MRAID#JavaScript#TypeScript
5600
태그
JavaScript 기술 블로그 글
JavaScript 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 109개최신 20개 표시
관련 태그
최신 게시글
20개 표시
항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다
웹과 앱이 통신하는 앱 브릿지 구조를 다룬 글입니다.\n통로를 앱에만 두는 제약 속에서 항공 프론트엔드 구축 방향을 설명했습니다.
#web#mobile#JavaScript
2500
FE News 26년 8월 소식을 전해드립니다.
26년 8월 FE 뉴스에서 CSS 설문, 렌더링 전략, 요청 지연 시각화, Vite+ 베타, Ant 런타임 소식을 소개했습니다. 프런트엔드 기술 흐름과 새로운 도구를 한눈에 살펴볼 수 있는 소식입니다.
#CSS#SSR#React Server Components
8300
타입스크립트(TypeScript) 파헤치기
타입스크립트의 핵심 개념과 컴파일러 동작, 구조적 타이핑, 타입 추론을 설명했습니다. 또한 런타임 한계와 TSConfig 옵션, 실무 적용 시 주의점을 정리했습니다.
#TypeScript#JavaScript#컴파일러
6400
그 많던 토큰은 누가 다 먹었을까
에이전트형 도구에서는 프롬프트보다 도구 출력과 대화 기록이 토큰을 더 많이 소모했습니다. 필요한 정보만 사전 필터링하고 작업 범위를 좁히는 방식으로 컨텍스트를 관리해야 했습니다.
#LLM#MCP#Figma
12220
es-toolkit: How a Small Internal Library Became a Global Project
Toss는 lodash의 한계를 보완한 현대적 유틸리티 라이브러리 es-toolkit을 만들고 OSS로 확산시켰습니다. 호환 레이어와 성능 개선으로 대형 프로젝트 채택과 주간 2천만 다운로드를 달성했습니다.
#JavaScript#open source#bundle size
16700
es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지
토스의 es-toolkit이 lodash 대체를 목표로 성능과 번들 크기를 개선하며 성장한 과정을 소개했습니다. 국내외 커뮤니티 기여와 대형 오픈소스 채택으로 주간 다운로드 2천만 회를 넘겼습니다.
#JavaScript#TypeScript#GitHub
10200
SaaS 대체하기: AI와 함께한 광고SDK 에러 모니터링 시스템 구축기
서드파티 SDK 환경의 한계를 보완하기 위해 전용 JavaScript 에러 모니터링 시스템을 AI Agent로 구축한 사례를 공유했습니다. 외부 SaaS 대체 가능성과 사내 인프라 기반 도구의 가능성을 함께 살펴봤습니다.
#JavaScript#모니터링#SDK
3600
FE News 26년 6월 소식을 전해드립니다.
2026년 6월 FE 뉴스에서는 AI 개발 트렌드, 최신 웹 UI 기능, npm 공급망 보안 이슈를 함께 다뤘습니다. 또한 폰트 애니메이션 라이브러리와 AI 에이전트 상태 표시 도구도 소개했습니다.
#TypeScript#JavaScript#CSS
10400
테크블로그 글 템플릿 1
생성형 AI가 개발 생산성과 학습 속도를 크게 높이는 실무 도구로 소개되었습니다. 다만 할루시네이션과 보안 문제를 막기 위해 인간 검증과 가이드라인이 필요합니다.
#LLM#prompt#JavaScript
14700
카카오톡 예약하기에서 그려 본 캘린더
카카오톡 예약하기 서비스에서 캘린더를 직접 구현한 경험을 소개합니다. 친숙한 캘린더를 만들며 겪은 FE 개발 이야기를 공유합니다.
#JavaScript#UI/UX
10000
FE News 26년 4월 소식을 전해드립니다!
이번 글은 FE 분야의 주요 기술 소식을 한 번에 정리해 전해드렸습니다. Temporal, TypeScript 6.0, Node.js 릴리즈 정책, Expo UI와 AI 코딩 에이전트 관련 흐름을 소개했습니다.
#JavaScript#TypeScript#node.js
18700
97% Smaller, 2x Faster: How es-toolkit Reached 10 Million Weekly Downloads
토스가 lodash 대체용 JavaScript 유틸리티 라이브러리 es-toolkit을 소개했습니다.\nES Modules와 TypeScript 기반 재설계로 번들 크기와 성능을 크게 개선했습니다.
#JavaScript#TypeScript#ES Modules
10700
웹뷰 엔지니어를 위한 iOS Webview Input 경험 개선기
iOS 웹뷰에서 input focus 시 화면이 밀리는 문제를 여러 방식으로 개선한 과정을 정리했습니다. 최종적으로는 opacity 트릭으로 자동 스크롤을 막아 입력 경험을 안정화했습니다.
#iOS#WebView#input
7700
LLM과 Reveal.js로 슬라이드를 쉽게 만들고 공유하기
블로그 글을 LLM으로 요약해 Reveal.js 슬라이드로 바꾸는 방법을 소개했습니다. GitHub Pages 배포까지 연결해 빠른 제작과 공유 효율을 높였습니다.
#LLM#Reveal.js#GitHub Pages
3700
끊김 없는 사용 경험을 위하여 : 카카오톡 선물함 속 교환권을 배달의민족 주문으로 연결한 여정
카카오톡 선물 교환권을 배민 주문에 연결하는 과정과 바코드 인식 문제를 다뤘습니다. 노란 테두리 이미지로 인한 이진화 실패를 분석하고 직접 이진화로 개선했습니다.
#바코드#JavaScript#zxing.js
1800
WOOWACON 2025 미니게임 WOOWA POP!
WOOWACON 2025 미니게임 우아팝 개발 과정과 랭킹 조작 방지 구조를 다뤘습니다. WASM 물리 엔진과 캐시로 결정성과 성능을 확보한 사례입니다.
#WOOWACON#WASM#JavaScript
5400
채널톡 iOS26 대응기
iOS26의 Safari 주소창 변경으로 채널톡 메신저 하단에 사이트가 노출되는 문제를 대응했습니다. CSS 한계와 스크롤 이슈를 거쳐 동적 커버 방식으로 채팅 경험을 개선했습니다.
#iOS#iPhone#Safari
200
채널톡 iOS26 대응기
iOS26에서 Safari 주소창 변경으로 채널톡 메신저 하단에 빈 공간이 보이는 문제를 대응했습니다. CSS 우회와 커버 오버레이 방식을 거쳐 채팅 경험을 해치지 않는 방향으로 적용했습니다.
#iOS#iOS 26#Safari
1600
AX 시대를 위한 한글 문서: 오픈소스 생태계 현황 분석과 활성화 전략
한글 문서는 AI 학습에 유리한 공개형 포맷이며, PDF 변환보다 직접 추출이 더 효율적이라고 설명했습니다. 오픈소스 도구와 개발자 지원을 강화해 생태계를 키워야 한다고 제안했습니다.
#HWPX#오픈소스#Python
3800
