필터 1
카카오뱅크
기타

2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것

카카오뱅크 프론트엔드 클랜이 전사 채용 Boost를 처음 운영한 과정을 소개했습니다. 서류, 과제, 면접 기준을 정비하고 지원자 경험까지 고려한 채용 설계를 공유했습니다.

#React#채용
4300
무신사
AI

AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)

상용 TMS의 불편을 해결하기 위해 Cursor AI와 React로 자체 29TMS를 구축했습니다. 핵심 기능과 API를 직접 구현해 운영 민첩성과 응답 성능을 크게 높였습니다.

#React#node.js
2200
무신사
AI

AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)

상용 TMS의 한계를 AI 협업으로 보완해 맞춤형 29TMS를 자체 구축한 사례를 소개했습니다. 구체적인 프롬프트와 구조 설계가 AI 코딩의 완성도를 높였다고 정리했습니다.

#React#Cursor
8500
지그재그에 “포치의 선물가게”를 오픈하며
카카오스타일
프론트엔드

지그재그에 “포치의 선물가게”를 오픈하며

지그재그 앱 웹뷰에서 미니게임을 구현하며 Matter.js와 Phaser.js를 조합한 과정을 공유했습니다. 또한 SSR, DPR, 모바일 제스처와 게임오버 판정 문제를 해결한 사례를 정리했습니다.

#React#TypeScript
4300
채널톡
프론트엔드

화상회의 참여자 화면 최적 배치 알고리즘 개발기

화상회의 참여자 화면 배치를 최적화하기 위해 트리 기반 알고리즘을 설계하고 구현했습니다. 화면 공유와 일반 참여자를 분리해 다양한 화면 비율에 맞게 효율적으로 배치했습니다.

#TypeScript#알고리즘
500
화상회의 참여자 화면 최적 배치 알고리즘 개발기
채널톡
프론트엔드

화상회의 참여자 화면 최적 배치 알고리즘 개발기

화상회의 참여자와 화면 공유를 최적으로 배치하는 프론트엔드 레이아웃 알고리즘을 설계하고 구현한 사례였습니다. 트리 구조와 재귀적 시뮬레이션으로 다양한 화면 비율과 제약을 처리했습니다.

#algorithm#TypeScript
1700
우아한 형제들
프론트엔드

우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다

프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.

#React#TypeScript
4300
n8n 기반 Slack 멀티 에이전트 구현기 \:\ 프로필 업데이트, GA4 분석, 메시지 검색 등 5가지 실전 사례
인포그랩
AI

n8n 기반 Slack 멀티 에이전트 구현기 \:\ 프로필 업데이트, GA4 분석, 메시지 검색 등 5가지 실전 사례

n8n 기반 Slack 멀티 에이전트 Friday 구현 사례를 소개했습니다. 자연어를 분류해 여러 전문 에이전트로 분기하고, 복합 요청 한계를 ReAct로 보완하려 했습니다.

#n8n#Slack
2000
n8n으로 구축한 Slack 멀티 에이전트 구현기 \:\ 프로필 업데이트, GA4 분석, 메시지 검색 등 5가지 실전 사례
인포그랩
AI

n8n으로 구축한 Slack 멀티 에이전트 구현기 \:\ 프로필 업데이트, GA4 분석, 메시지 검색 등 5가지 실전 사례

n8n으로 Slack 멀티 에이전트 봇 Friday를 구현한 사례를 소개했습니다. 라우터-전문가 구조로 프로필 변경, GA4 분석, 메시지 검색을 자동화하고 ReAct 확장도 제안했습니다.

#n8n#Slack
5800
“더 빠르고, 자연스러운 경험을 만드는 웹&에디터팀”
미리디
프론트엔드

“더 빠르고, 자연스러운 경험을 만드는 웹&에디터팀”

미리캔버스 웹&에디터팀이 에디터 2.0의 모듈화와 UX 개선, 성능 최적화를 중심으로 일하는 방식을 소개했습니다. 또한 모니터링, 설계 리뷰, 테스트 코드로 안정성과 확장성을 높이는 과정을 공유했습니다.

#React#애니메이션
4000
사용자가 찾아오는 제품: AI로 만든 항공가 스캐너 ‘럭키글라이드’의 한 달
마이리얼트립
AI

사용자가 찾아오는 제품: AI로 만든 항공가 스캐너 ‘럭키글라이드’의 한 달

AI로 항공권 가격 탐색 제품을 빠르게 만들고 검증한 사례를 소개했습니다. 빠른 실행과 데이터 기반 시각화, 개방형 공유가 확장을 만들었습니다.

#Cursor#React
31700
네이버 D2
기타

FE News 25년 11월 소식을 전해드립니다!

FE 분야의 최신 소식을 React, LLM 보안, 웹 암호화, 도구체인, 아키텍처 관점에서 정리했습니다. 각 주제의 핵심 변화와 의미를 한 번에 살펴볼 수 있습니다.

#React#LLM
11200
SK플래닛
프론트엔드

Chat DIC - 대화형 LLM 서비스의 프런트엔드 성능 개선기

Chat DIC 프런트엔드에서 SSE로 LLM 응답을 실시간 스트리밍하도록 구현했습니다. 버퍼와 Windowing을 적용해 비활성 탭 지연과 긴 대화 성능 저하를 개선했습니다.

#React#JavaScript
13800
R-tree를 사용한 가까운 마커 찾기 기능 구현과 개선기
더스윙
프론트엔드

R-tree를 사용한 가까운 마커 찾기 기능 구현과 개선기

지도에서 드래그 중인 마커의 최근접 마커를 찾는 기능을 구현하고, R-tree와 knn으로 탐색을 최적화했습니다. 최적화 후 CPU 사용률이 줄어들어 지도 UI 성능이 개선되었습니다.

#R-tree#Rbush
4600