네이버 통합 검색의 웹 성능 - 데이터 수집과 시각화
네이버 통합 검색의 웹 성능 - 데이터 수집과 시각화
네이버 통합 검색의 웹 성능을 실제 사용자 환경 기준으로 측정하고 관리하기 위해 LCP 필드 데이터와 대시보드를 구축했습니다. 실시간 모니터링과 상세 분석을 분리해 성능 현황 파악과 원인 분석이 가능하도록 설계했습니다.
#웹 성능#웹 바이털
26005분
새로운 기술 블로그가 추가되었어요
필터 0
styled-components가 런타임에 css를 주입하는 방법
styled-components의 런타임 CSS 주입 흐름과 내부 동작 원리를 단계별로 정리했습니다. 또한 동적 스타일링의 편의성과 런타임 성능 부담, 대안 도구까지 함께 살펴보았습니다.
#styled-components#CSS-in-JS
20005분
보다 현대적인 UI/UX를 적용하기
부스타 데이터 대시보드를 더 현대적인 UI/UX로 개선한 과정을 소개했습니다. 머티리얼 디자인, 통일성, 반응형을 중심으로 사용자 친화적인 화면을 만들고자 했습니다.
#UI/UX#대시보드
16005분
Next.js 캐싱으로 웹 서버 성능 최적화
Next.js 캐싱으로 웹 서버 성능 최적화
Next.js App Router에서 Full Route Cache를 활용해 상품 목록·상세 페이지의 서버 렌더링 비용을 줄인 사례입니다. 부하테스트에서 TPS를 크게 개선하고 CPU 사용률도 낮췄습니다.
#Next.js#SSR
46005분
네이버 통합 검색의 웹 성능 - 모니터링과 성능 개선
네이버 통합 검색의 웹 성능 - 모니터링과 성능 개선
네이버 통합 검색은 성능 리포트와 알람으로 웹 성능 변화를 지속적으로 모니터링했습니다. 또한 JavaScript 로딩 시점을 조정해 LCP를 개선하고 오류를 함께 관리했습니다.
#모니터링#성능
29005분
(당근!) 반가운 중고거래 키워드 알림 만들기
키워드 알림의 오픈율 저하와 불필요한 알림 문제를 개선한 사례를 소개했습니다. 별도 모듈화, 공통 데이터 추상화, 섹션 확장 설계로 빠른 실험과 검증을 가능하게 했습니다.
#iOS#module
21005분
오버레이 권한을 받았는데 오버레이가 안됩니다. - 제 폰에선 되는데요??
오버레이 권한을 받았는데 오버레이가 안됩니다. - 제 폰에선 되는데요??
오버레이 권한을 받았는데도 일부 기기에서 오버레이가 뜨지 않는 문제를 다룹니다. 작성자 기기에서는 되지만 다른 폰에서는 안 되는 차이를 중심으로 살펴봅니다.
#Android#Compose
19005분
Tech Radio : FE 개발자와 디자이너의 협업
Tech Radio : FE 개발자와 디자이너의 협업
FE 개발자와 디자이너가 Nelo 4.0 리뉴얼을 함께하며 협업 방식을 나눈 인터뷰입니다. 서로의 전문성을 존중하고 신뢰를 쌓는 태도가 좋은 결과로 이어졌습니다.
#UI/UX#협업
24005분
올리브영 앱 스마트 스캐너 개선
올리브영 앱 스마트 스캐너의 바코드 인식률을 개선한 사례를 소개했습니다. iOS는 Vision, Android는 CameraX와 MLKit으로 전환해 이벤트 사용성을 높였습니다.
#iOS#Android
56005분
HEIC 파일 포맷 지원을 통한 사용자 경험 향상 시키기
이미지 업로드에서 HEIC 파일로 인한 오류를 해결하기 위해 파일 시그니처를 검사하는 방법을 소개했습니다. 브라우저에서 HEIC를 감지하고 JPEG로 변환해 사용자 경험을 개선하는 방안을 설명했습니다.
#JavaScript#UI/UX
7005분
API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편
API 없이 수학과 물리 개념으로 웹 애니메이션을 구현한 과정을 공유했습니다.\n카카오페이의 트리 조명 애니메이션 개발 사례와 인터랙티브 웹 접근을 소개했습니다.
#web#CSS
8005분
토스가 꿈꾸는 React Native 기술의 미래
토스가 React Native를 선택한 이유와 현재 운영 방식을 소개했습니다. 마이크로 프론트엔드, ESBuild, 번들 분리로 사용자 경험과 개발 생산성을 함께 높이고자 했습니다.
#React Native#WebView
50005분