FE News 25년 12월 소식을 전해드립니다!
FE News 25년 12월 소식에서 프런트엔드와 웹 플랫폼, LLM 관련 주요 흐름을 정리했습니다. WebAssembly, React, Vercel, 브라우저 표준, LLM Council 사례를 함께 소개했습니다.
#WebAssembly#LLM
176005분
필터 1
CSR 환경에서 Dynamic OpenGraph 구현하기
CSR 환경에서 소셜 공유용 OpenGraph 메타 태그를 동적으로 제공하는 방법을 다뤘습니다. CloudFront Function으로 봇만 분기해 엣지에서 HTML을 응답하고 기존 CSR 구조는 유지했습니다.
#CloudFront#OpenGraph
68005분
빌드가 터졌다: 5년 된 CMS 프로젝트의 Webpack4 → Vite 전환
5년 된 CMS의 Webpack4 빌드가 CI에서 OOM으로 무너져 Vite로 전환했습니다. 전환 후 빌드와 개발 서버가 크게 빨라지고 설정도 단순해졌습니다.
#Webpack#Vite
81005분
사내 스터디, 잘 운영될 수 있을까?
사내 스터디를 1년 운영하며 여러 진행 방식을 시도한 경험을 공유했습니다. 상황에 맞게 빠르게 피벗하고 부담과 효과의 균형을 맞추는 것이 핵심이라고 정리했습니다.
#React#Next.js
139005분
입사 2일차에 앱 기능 배포하며 만들어가는 임팩트
입사 2일차에 실제 앱 기능을 배포하며 빠르게 실무에 적응한 프론트엔드 인턴 인터뷰입니다. 레거시 정리와 성능 개선, 모니터링 도구 활용을 통해 팀의 생산성과 안정성에 기여한 경험을 전했습니다.
#React#Sentry
28005분
2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것
카카오뱅크 프론트엔드 클랜이 전사 채용 Boost를 처음 운영한 과정을 소개했습니다. 서류, 과제, 면접 기준을 정비하고 지원자 경험까지 고려한 채용 설계를 공유했습니다.
#React#채용
42005분
AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
상용 TMS의 불편을 해결하기 위해 Cursor AI와 React로 자체 29TMS를 구축했습니다. 핵심 기능과 API를 직접 구현해 운영 민첩성과 응답 성능을 크게 높였습니다.
#React#node.js
22005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
상용 TMS의 한계를 AI 협업으로 보완해 맞춤형 29TMS를 자체 구축한 사례를 소개했습니다. 구체적인 프롬프트와 구조 설계가 AI 코딩의 완성도를 높였다고 정리했습니다.
#React#Cursor
84005분
지그재그에 “포치의 선물가게”를 오픈하며
지그재그 앱 웹뷰에서 미니게임을 구현하며 Matter.js와 Phaser.js를 조합한 과정을 공유했습니다. 또한 SSR, DPR, 모바일 제스처와 게임오버 판정 문제를 해결한 사례를 정리했습니다.
#React#TypeScript
43005분
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 배치를 최적화하기 위해 트리 기반 알고리즘을 설계하고 구현했습니다. 화면 공유와 일반 참여자를 분리해 다양한 화면 비율에 맞게 효율적으로 배치했습니다.
#TypeScript#알고리즘
5005분
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자와 화면 공유를 최적으로 배치하는 프론트엔드 레이아웃 알고리즘을 설계하고 구현한 사례였습니다. 트리 구조와 재귀적 시뮬레이션으로 다양한 화면 비율과 제약을 처리했습니다.
#algorithm#TypeScript
17005분
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.
#React#TypeScript
43005분