웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기
GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.
#Next.js#GrapesJS
95005분
필터 1
아름답고 이해하기 쉬운 세션 자료 만들기 | Simplicity 4 제작기 #5
Simplicity 4 세션 자료를 숏폼에 맞는 시각적 해설자로 설계한 제작 과정을 소개했습니다. 피그마와 템플릿으로 누구나 만들 수 있는 지속 가능한 제작 환경도 마련했습니다.
#UI/UX#Figma
72005분
AI로 만드는 여행 테마: 하루 만에 1353개 자동 생성
여행 테마 카드의 수작업 한계를 AI로 자동화한 사례를 소개했습니다. 맥락을 더한 프롬프트 개선으로 1353개 테마를 하루 만에 생성했습니다.
#LLM#prompt
152005분
Simplicity 4 : 뒤에 개발자 있어요
재사용 가능한 컨퍼런스 구조를 만들기 위해 템플릿 분리, 브라우저 대응, 로드·렌더링 최적화를 진행했습니다. 모바일과 데스크탑 모두에서 자연스럽게 동작하도록 성능과 인터랙션을 다듬었습니다.
#React#mobile
95005분
FE News 25년 5월 소식을 전해드립니다!
FE News 25년 5월 소식을 전해드립니다!
FE 뉴스 25년 5월 소식과 주요 프론트엔드 기술 동향을 소개했습니다. React Compiler RC, 최신 JavaScript 기능, LLM-first Web Framework 사례를 함께 다뤘습니다.
#React#JavaScript
296005분
XSS Filter를 통한 웹 보안 강화 방법
XSS 공격의 개념과 유형을 정리하고, 필터를 활용한 방어 방법을 소개했습니다. Servlet Filter 예시 코드를 통해 요청 래핑 방식도 함께 보여주었습니다.
#XSS#Java
400005분
FE News 25년 4월 소식을 전해드립니다!
FE News 25년 4월 소식을 전해드립니다!
네이버 FE 엔지니어들이 25년 4월 FE News에서 LLM 실패 사례, 프롬프트 엔지니어링, Vibe Coding 등을 소개했습니다. 웹과 AI 관련 주요 기술 소식을 월간으로 큐레이션해 공유했습니다.
#LLM#prompt
125005분
캐치테이블 지도 개발기(2편)
지도와 리스트를 하나의 화면에서 자연스럽게 전환하는 하이브리드 뷰를 도입한 과정을 다뤘습니다. 웹 뷰 성능 최적화로 사용자 수와 예약 완료 지표도 개선했습니다.
#검색#UI/UX
448005분
Airpage CSR: 한달에 400억번 요청되는 페이지 크기 60% 줄이기
한달에 400억번 요청되는 광고링크 중계페이지를 2.1KB에서 0.9KB로 줄인 개발 경험을 공유했습니다. 초고빈도 페이지의 전송 크기 최적화에 초점을 둔 사례입니다.
#CSR#성능
100005분
FE News 25년 3월 소식을 전해드립니다!
FE News 25년 3월 소식을 전해드립니다!
네이버 FE 엔지니어들이 2025년 3월 FE News에서 프론트엔드 주요 소식을 큐레이션해 소개했습니다. 웹 성능 최적화와 CRA 종료 등 생태계 변화를 함께 다뤘습니다.
#JavaScript#React
125005분
대규모 앵귤러 웹 애플리케이션 성능 최적화: 카카오 챗봇 관리자센터 사례
X
#Angular#성능
24005분
AI 카모톤 - 9시까지 프로토타입 만드실 수 있죠?
카카오모빌리티 사내 AI 해커톤 AI 카모톤의 운영 과정과 수상작 사례를 소개했습니다. 짧은 기간에 AI 도구로 프로토타입을 만들고 교육·심사·회고까지 진행한 행사였습니다.
#LLM#prompt
52005분