AI에게 만드는 법 대신 실패하는 법을 묻다: 포토그래퍼의 수천 명 동시 접속 게임 만들기
AI에게 만드는 법 대신 실패하는 법을 묻다: 포토그래퍼의 수천 명 동시 접속 게임 만들기
수천 명 동시 접속 행사 게임을 WebSocket 없이 Redis와 SSE 중심으로 단순화해 구현했습니다. 리허설에서 드러난 저사양 전광판 문제는 렌더링 방식을 바꾸고 영상은 하드코딩으로 대응했습니다.
#Kubernetes#Redis
1300
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
브라우저에서 이미지 보정을 구현할 때 SVG 필터를 활용하는 방법을 소개했습니다. 선언적 적용과 파이프라인 구성, React 연동의 장점을 중심으로 정리했습니다.
#SVG#React
2800
if(kakao)25, 카카오뱅크가 전하는 기술 이야기
if(kakao)25, 카카오뱅크가 전하는 기술 이야기
if(kakao)25에서 카카오뱅크가 기술 세션, 패널톡, 부스를 통해 AI와 금융 기술 사례를 공유했습니다.\n프롬프트 공격 대응, 개발 생산성 향상, 테스트 자동화, 데이터센터 관리 개선 내용을 소개했습니다.
#LLM#prompt
3200
WebGL 활용한 화상회의 배경 블러 처리 개선
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 성능 병목을 JavaScript 픽셀 순회에서 찾고 WebGL로 전환했습니다. GPU 병렬 처리와 하이브리드 구조로 CPU 사용률을 크게 낮췄습니다.
#WebGL#GPU
500
WebGL 활용한 화상회의 배경 블러 처리 개선
화상회의 배경 블러의 느린 성능을 WebGL과 GPU 병렬 처리로 개선했습니다.\nCPU 병목을 줄여 저사양 기기에서도 부드럽게 동작하도록 만들었습니다.
#WebGL#GPU
2100
WebGL과 함께 배우는 컴퓨터 그래픽스 (2)
WebGL과 Three.js에서 라이팅과 머티리얼의 기본 개념을 정리했습니다. 각 조명과 재질의 차이, 계산 비용과 사실감의 균형을 예제로 설명했습니다.
#WebGL#design
7900
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
TMAP JS를 브라우저 기반 지도 엔진으로 소개하고, WebGL 풀 벡터 방식과 사용자 데이터 추가 지원을 설명했습니다. 또한 성능 개선을 위해 웹 워커를 적용한 개발 맥락을 다뤘습니다.
#JavaScript#Web Worker
3200
three.js in Next.js
WebGL을 추상화한 three.js의 핵심 구성과 애니메이션 루프를 설명했습니다. Next.js에서 useRef·useEffect로 바닐라 three.js 도넛을 렌더링하는 패턴을 제시했습니다.
#three.js#Next.js
2600
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍