필터 1
네이버 D2
프론트엔드

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

2025년 7월 프론트엔드 주요 소식과 읽을거리, 튜토리얼, 도구를 한데 모아 소개했습니다. React 생태계 변화, i18n, MCP, ECMAScript 2025 같은 주제를 함께 살펴볼 수 있습니다.

#React#Next.js
293005분
교보DTS
AI

생성형 AI 도입 흐름과 웹 서비스 개발의 연계

생성형 AI가 웹 서비스 개발 전반에 빠르게 스며든 흐름을 정리했습니다. 반복 작업은 AI에 맡기고 개발자는 설계와 품질 검토에 집중하는 방향을 제시했습니다.

#ChatGPT#Claude
78005분
Cursor AI로 K-팝 소개 사이트 만들기 (feat. 커서 AI 트렌드 & 활용 백과)
데보션
프론트엔드

Cursor AI로 K-팝 소개 사이트 만들기 (feat. 커서 AI 트렌드 & 활용 백과)

Cursor AI로 K-팝 소개 웹페이지를 만들고 웹 서버에 올린 과정을 공유했습니다. 초보자도 빠르게 결과물을 만들 수 있지만, 도메인 지식과 수정 검토가 중요하다고 짚었습니다.

#Cursor#HTML
266005분
단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화
라포랩스
프론트엔드

단 한 줄로 전환하는 다크 테마 - Variables 기반 디자인 토큰 자동화

Figma Variables와 CSS Variables를 연결해 디자인 토큰을 자동화한 사례를 소개했습니다. data-theme 속성만으로 다크 테마와 브랜드 테마를 단순 전환하도록 구성했습니다.

#Figma#CSS
15005분
[Vue] motion 라이브러리로 더 나은 UX 제공하기
데보션
프론트엔드

[Vue] motion 라이브러리로 더 나은 UX 제공하기

Vue에서 motion-v를 사용해 다양한 UI 애니메이션을 선언적으로 구현하는 방법을 소개했습니다. Transition, IntersectionObserver, GSAP보다 간결하게 작성할 수 있는 사례를 함께 살펴보았습니다.

#Vue#UI/UX
274005분
네이버 D2
프론트엔드

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

25년 2월 프런트엔드 기술 소식을 큐레이션해 소개했습니다. CSS 지문 채취, AI 개발 워크플로우, 토스 가이드, 포털 대체 방법을 다뤘습니다.

#CSS#JavaScript
46005분
토스 피플: 문과생에서 토스 개발 리더까지
토스
기타

토스 피플: 문과생에서 토스 개발 리더까지

문과 출신 개발자가 토스에서 프론트엔드와 UX 엔지니어링 리더로 성장한 과정을 들려주셨습니다. 디자인 시스템과 편집기 개발, 팀 빌딩과 리더십 고민도 함께 공유했습니다.

#UX/UX Engineer#JavaScript
49005분
2024 선물카드 제목 짓기 대회가 탄생하기까지: 운영, PM, 개발 이야기
우아한 형제들
프론트엔드

2024 선물카드 제목 짓기 대회가 탄생하기까지: 운영, PM, 개발 이야기

배민선물하기 2024 참여형 캠페인을 제목 짓기 대회로 바꾸고, 협업과 제약 속에서 구현한 과정을 소개했습니다. 반응형 웹, 비로그인 참여, OTP, 영상 최적화 같은 실무 포인트도 함께 다뤘습니다.

#Next.js#SSR
27005분
네이버 D2
프론트엔드

네이버 검색 클라이언트 로그 수집 - Beacon API 전환기

Beacon API로 클릭 로그 수집을 전환해 페이지 이탈 시 유실을 줄이고 안정성을 높였습니다. 점진적 실험과 분석으로 사용자 경험까지 함께 정상화했습니다.

#Beacon API#로그 수집
19005분
네이버 D2
프론트엔드

FE News 24년 9월 소식을 전해드립니다!

24년 9월 프론트엔드 기술 소식을 큐레이션해 소개했습니다. Angular, CSS, 런타임 비교 등 주요 글을 월간으로 공유했습니다.

#JavaScript#CSS
16005분
API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 2편
카카오페이
프론트엔드

API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 2편

라이브러리 없이 수학과 물리로 웹 애니메이션을 구현한 과정을 공유했습니다. 카카오페이의 트리 조명 인터랙티브 개발 사례를 중심으로 설명했습니다.

#web#CSS
9005분
API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편
카카오페이
프론트엔드

API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편

API 없이 수학과 물리 개념으로 웹 애니메이션을 구현한 과정을 공유했습니다.\n카카오페이의 트리 조명 애니메이션 개발 사례와 인터랙티브 웹 접근을 소개했습니다.

#web#CSS
10005분