화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자와 화면 공유를 최적으로 배치하는 프론트엔드 레이아웃 알고리즘을 설계하고 구현한 사례였습니다. 트리 구조와 재귀적 시뮬레이션으로 다양한 화면 비율과 제약을 처리했습니다.
#algorithm#TypeScript
9005분
필터 1
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.
#React#TypeScript
42005분
n8n 기반 Slack 멀티 에이전트 구현기 \:\ 프로필 업데이트, GA4 분석, 메시지 검색 등 5가지 실전 사례
n8n 기반 Slack 멀티 에이전트 Friday 구현 사례를 소개했습니다. 자연어를 분류해 여러 전문 에이전트로 분기하고, 복합 요청 한계를 ReAct로 보완하려 했습니다.
#n8n#Slack
19005분
n8n으로 구축한 Slack 멀티 에이전트 구현기 \:\ 프로필 업데이트, GA4 분석, 메시지 검색 등 5가지 실전 사례
n8n으로 Slack 멀티 에이전트 봇 Friday를 구현한 사례를 소개했습니다. 라우터-전문가 구조로 프로필 변경, GA4 분석, 메시지 검색을 자동화하고 ReAct 확장도 제안했습니다.
#n8n#Slack
54005분
“더 빠르고, 자연스러운 경험을 만드는 웹&에디터팀”
미리캔버스 웹&에디터팀이 에디터 2.0의 모듈화와 UX 개선, 성능 최적화를 중심으로 일하는 방식을 소개했습니다. 또한 모니터링, 설계 리뷰, 테스트 코드로 안정성과 확장성을 높이는 과정을 공유했습니다.
#React#애니메이션
37005분
사용자가 찾아오는 제품: AI로 만든 항공가 스캐너 ‘럭키글라이드’의 한 달
AI로 항공권 가격 탐색 제품을 빠르게 만들고 검증한 사례를 소개했습니다. 빠른 실행과 데이터 기반 시각화, 개방형 공유가 확장을 만들었습니다.
#Cursor#React
313005분
FE News 25년 11월 소식을 전해드립니다!
FE News 25년 11월 소식을 전해드립니다!
FE 분야의 최신 소식을 React, LLM 보안, 웹 암호화, 도구체인, 아키텍처 관점에서 정리했습니다. 각 주제의 핵심 변화와 의미를 한 번에 살펴볼 수 있습니다.
#React#LLM
109005분
Chat DIC - 대화형 LLM 서비스의 프런트엔드 성능 개선기
Chat DIC - 대화형 LLM 서비스의 프런트엔드 성능 개선기
Chat DIC 프런트엔드에서 SSE로 LLM 응답을 실시간 스트리밍하도록 구현했습니다. 버퍼와 Windowing을 적용해 비활성 탭 지연과 긴 대화 성능 저하를 개선했습니다.
#React#JavaScript
134005분
R-tree를 사용한 가까운 마커 찾기 기능 구현과 개선기
지도에서 드래그 중인 마커의 최근접 마커를 찾는 기능을 구현하고, R-tree와 knn으로 탐색을 최적화했습니다. 최적화 후 CPU 사용률이 줄어들어 지도 UI 성능이 개선되었습니다.
#R-tree#Rbush
44005분
Tech Topic 기술 블로그 개선 실험 #1 - 콘텐트, 성능, SEO 및 AEO 관점에서
SK플래닛 기술 블로그의 발행 주기, 주제, 성능 개선 실험이 PV 증가에 미친 영향을 정리했습니다. 또한 SEO와 AEO 관점의 구성 요소를 점검해 블로그 운영 전략을 제안했습니다.
#SEO#AEO
68005분
![[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기](https://miro.medium.com/v2/resize:fit:1200/1*kCf05hhyLPa7iBp2vBTJAA.png)
[디자인 시스템 어떻게 만들었어요?(1)] 아이콘 라이브러리 만들기
요기요는 디자인 시스템 아이콘을 개별 SVG 컴포넌트와 전용 라이브러리로 재구축했습니다. 자동 변환, 접근성, 토큰 연동, 변경 내역 자동화로 운영 효율을 높였습니다.
#React#SVG
128005분
React 상태 관리 라이브러리 비교: Zustand vs Recoil vs Jotai
React 상태 관리 라이브러리로 Zustand, Recoil, Jotai를 비교했습니다. 프로젝트 규모와 상태 복잡도에 따라 적절한 도구를 선택하는 기준을 정리했습니다.
#React#Zustand
182005분