필터 0
선택된 필터 없음
Airpage CSR: 한달에 400억번 요청되는 페이지 크기 60% 줄이기
AB180
· 2025년 3월 9일
프론트엔드

Airpage CSR: 한달에 400억번 요청되는 페이지 크기 60% 줄이기

한달에 400억번 요청되는 광고링크 중계페이지를 2.1KB에서 0.9KB로 줄인 개발 경험을 공유했습니다. 초고빈도 페이지의 전송 크기 최적화에 초점을 둔 사례입니다.

#CSR#성능
100005분
[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프
SK플래닛
· 2025년 3월 7일
프론트엔드

[Syrup 디자인 시스템] 개발: UX에서 FE로의 효과적인 핸드오프

디자인 시스템을 통해 UX와 FE 간 Hand-off를 표준화하고 협업 효율을 높인 사례를 설명했습니다. Figma, Token, Storybook, NPM을 연결해 일관성과 재사용성을 강화하는 과정도 다뤘습니다.

#Design System#Storybook
29005분
Syrup Design System 개발 : UX에서 Front-End로의 효과적인 Hand-off
SK플래닛
· 2025년 3월 7일
프론트엔드

Syrup Design System 개발 : UX에서 Front-End로의 효과적인 Hand-off

Syrup Design System은 UX와 프론트엔드를 하나의 기준으로 연결해 Hand-off 효율을 높였습니다. Storybook, Token, NPM 배포를 통해 일관성과 재사용성을 강화했습니다.

#Design System#UI/UX
44005분
건강한 SEO로 성장하는 웹사이트 만들기
당근마켓
· 2025년 3월 6일
프론트엔드

건강한 SEO로 성장하는 웹사이트 만들기

글로벌 웹사이트의 SEO와 사용자 경험을 함께 개선한 사례를 다뤘습니다. 필터, 지역 설정, 카테고리, 반응형 디자인으로 검색 노출과 방문 성과를 높였습니다.

#SEO#
109005분
FE News 25년 3월 소식을 전해드립니다!
네이버 D2
· 2025년 3월 5일
프론트엔드

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

네이버 FE 엔지니어들이 2025년 3월 FE News에서 프론트엔드 주요 소식을 큐레이션해 소개했습니다. 웹 성능 최적화와 CRA 종료 등 생태계 변화를 함께 다뤘습니다.

#JavaScript#React
125005분
Next.js에서 Sentry로 프론트엔드 에러 모니터링하기
포스타입
· 2025년 3월 4일
프론트엔드

Next.js에서 Sentry로 프론트엔드 에러 모니터링하기

Next.js에서 Sentry를 도입해 프론트엔드 에러 모니터링을 강화한 사례를 정리했습니다. 수집 범위와 알림 기준을 조정해 중요한 오류만 선별하고 디버깅 정보를 보완했습니다.

#Next.js#Sentry
76005분
똑닥닷컴 SEO(a.k.a. 네이버 월 노출 수 1000만 달성기)
비브로스
· 2025년 3월 4일
프론트엔드

똑닥닷컴 SEO(a.k.a. 네이버 월 노출 수 1000만 달성기)

네이버와 구글 검색 노출을 높이기 위한 SEO 실무 경험을 정리했습니다. Next.js에서의 동적 사이트맵, 메타데이터 설정과 함께 색인 수 확대 방법도 소개했습니다.

#SEO#sitemap.xml
30005분
무엇이든 물어보세요 (feat. 테스트 코드, ESLint Rule) | EP.10 캠프파이어 특집 하편
토스
· 2025년 2월 26일
프론트엔드

무엇이든 물어보세요 (feat. 테스트 코드, ESLint Rule) | EP.10 캠프파이어 특집 하편

시청자 질문을 바탕으로 테스트 코드, ESLint Rule, useEffect dependency 배열에 대한 프론트엔드 실무 인사이트를 공유했습니다. 토스 개발자들의 코드 리뷰와 내부 패키지 활용 사례도 함께 소개했습니다.

#test#ESLint
71005분
iOS 개발을 위한 Cursor Rules
딜라이트룸
· 2025년 2월 24일
프론트엔드

iOS 개발을 위한 Cursor Rules

Cursor의 Rules 기능으로 iOS 개발용 AI 동작을 프로젝트 단위로 제어하는 방법을 소개했습니다. 규칙을 적용한 뒤 오류와 중복 작업이 줄어든 경험도 공유했습니다.

#iOS#Cursor
53005분
"딸깍"이면 끝! 피그마에서 바로 리액트 컴포넌트로 변환하기
라포랩스
· 2025년 2월 24일
프론트엔드

"딸깍"이면 끝! 피그마에서 바로 리액트 컴포넌트로 변환하기

피그마 디자인을 React 컴포넌트로 바로 변환하는 플러그인 구현 과정을 소개했습니다. 사내 규칙을 반영한 자동화로 수작업을 줄이고 생산성을 높인 사례입니다.

#Figma#React
16005분
테스트 자동화의 시작 - Cypress 기반 E2E 테스트 도입기
카카오모빌리티
· 2025년 2월 20일
프론트엔드

테스트 자동화의 시작 - Cypress 기반 E2E 테스트 도입기

프론트엔드 테스팅을 위해 Cypress 기반 E2E 테스트를 도입한 과정을 소개했습니다. 테스트 자동화 시작을 위한 실무 적용 사례를 다뤘습니다.

#test#자동화
110005분
사용자 모르게 리멤버 UI icon 개선하기
리멤버
· 2025년 2월 20일
프론트엔드

사용자 모르게 리멤버 UI icon 개선하기

리브랜딩 후 사용자에게 오류처럼 보이던 UI icon을 폰트 기반 디자인과 명확한 가이드로 개선했습니다. 그 결과 VOC가 감소하고 아이콘 제작 리소스도 크게 줄었습니다.

#UI/UX#디자인패턴
54005분