Generative UI 실전 구현 \:\ AI로 GitLab 데이터 조회, 차트 생성
Generative UI 개념과 GitLab 데이터 조회·차트 생성 구현 예시를 소개했습니다. 또한 환각, 보안, 성능 한계와 실무 적용 방안을 함께 정리했습니다.
#LLM#React
55005분
필터 1
개발자의 시간을 벌어주는 두 가지 도구: 잘 쓴 테크 스펙, 그리고 AI
테크 스펙으로 개발 맥락과 작업을 먼저 정리해 코드 리뷰와 일정 산정 효율을 높였습니다. 또한 PRD를 AI에 넣어 테크 스펙 초안을 만들고 문서 자동화를 실험했습니다.
#테크 스펙#PRD
208005분
FE News 25년 12월 소식을 전해드립니다!
FE News 25년 12월 소식을 전해드립니다!
FE News 25년 12월 소식에서 프런트엔드와 웹 플랫폼, LLM 관련 주요 흐름을 정리했습니다. WebAssembly, React, Vercel, 브라우저 표준, LLM Council 사례를 함께 소개했습니다.
#WebAssembly#LLM
175005분
CSR 환경에서 Dynamic OpenGraph 구현하기
CSR 환경에서 소셜 공유용 OpenGraph 메타 태그를 동적으로 제공하는 방법을 다뤘습니다. CloudFront Function으로 봇만 분기해 엣지에서 HTML을 응답하고 기존 CSR 구조는 유지했습니다.
#CloudFront#OpenGraph
66005분
빌드가 터졌다: 5년 된 CMS 프로젝트의 Webpack4 → Vite 전환
5년 된 CMS의 Webpack4 빌드가 CI에서 OOM으로 무너져 Vite로 전환했습니다. 전환 후 빌드와 개발 서버가 크게 빨라지고 설정도 단순해졌습니다.
#Webpack#Vite
78005분
사내 스터디, 잘 운영될 수 있을까?
사내 스터디를 1년 운영하며 여러 진행 방식을 시도한 경험을 공유했습니다. 상황에 맞게 빠르게 피벗하고 부담과 효과의 균형을 맞추는 것이 핵심이라고 정리했습니다.
#React#Next.js
136005분
입사 2일차에 앱 기능 배포하며 만들어가는 임팩트
입사 2일차에 실제 앱 기능을 배포하며 빠르게 실무에 적응한 프론트엔드 인턴 인터뷰입니다. 레거시 정리와 성능 개선, 모니터링 도구 활용을 통해 팀의 생산성과 안정성에 기여한 경험을 전했습니다.
#React#Sentry
26005분
2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것
2025 카카오뱅크 프론트엔드 채용 Boost의 모든 것
카카오뱅크 프론트엔드 클랜이 전사 채용 Boost를 처음 운영한 과정을 소개했습니다. 서류, 과제, 면접 기준을 정비하고 지원자 경험까지 고려한 채용 설계를 공유했습니다.
#React#채용
40005분
AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
상용 TMS의 불편을 해결하기 위해 Cursor AI와 React로 자체 29TMS를 구축했습니다. 핵심 기능과 API를 직접 구현해 운영 민첩성과 응답 성능을 크게 높였습니다.
#React#node.js
18005분
AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
AI와의 성공적인 첫 Co Work — 바이브 코딩으로 탄생된 맞춤형 Testcase Management System (29TMS)
상용 TMS의 한계를 AI 협업으로 보완해 맞춤형 29TMS를 자체 구축한 사례를 소개했습니다. 구체적인 프롬프트와 구조 설계가 AI 코딩의 완성도를 높였다고 정리했습니다.
#React#Cursor
82005분
지그재그에 “포치의 선물가게”를 오픈하며
지그재그 앱 웹뷰에서 미니게임을 구현하며 Matter.js와 Phaser.js를 조합한 과정을 공유했습니다. 또한 SSR, DPR, 모바일 제스처와 게임오버 판정 문제를 해결한 사례를 정리했습니다.
#React#TypeScript
42005분
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 최적 배치 알고리즘 개발기
화상회의 참여자 화면 배치를 최적화하기 위해 트리 기반 알고리즘을 설계하고 구현했습니다. 화면 공유와 일반 참여자를 분리해 다양한 화면 비율에 맞게 효율적으로 배치했습니다.
#TypeScript#알고리즘
0005분