더 잘 팔고, 더 잘 살 수 있는 방법
가격 혜택 정보를 최종가 주변에 명확히 보여주도록 UX를 개선한 사례를 다뤘습니다. 1차 실험의 문제를 재분석해 문구와 연결성을 수정한 뒤 지표 개선과 런칭까지 이어졌습니다.
#UI/UX#A/B 테스트
8500
프론트엔드 기술 블로그 최신 글
필터 0
신세계백화점 PC 메인 React 전환기
신세계백화점 PC 메인 페이지를 Spring에서 React와 Next.js 기반으로 전환했습니다. 초기 로딩, 인피니트 스크롤, SEO까지 함께 고려해 사용자 경험과 유지보수성을 개선했습니다.
#React#Next.js
24800
iOS App Extension의 안정성 확보하기
App Extension은 별도 프로세스라 크래시와 실패를 놓치기 쉬워 별도 모니터링이 필요했습니다. 공유 컨테이너와 메인 앱 수집 구조로 경량 안정성 시스템을 구축했습니다.
#iOS#Swift
19200
마이리얼트립 SSR 최적화
SSR 도입 후 발생한 중복 API 호출과 성능 저하의 원인을 분석하고 구조를 개선한 사례를 다뤘습니다. queryKey 통일, 캐시 설정, 메서드 선택으로 FCP와 LCP를 크게 개선했습니다.
#Next.js#React
7800
『공간데이터 시각화 플랫폼』 개발의 시작부터 끝까지, 프론트엔드 개발자의 여정
공간데이터 시각화 플랫폼 개발 여정을 프론트엔드 개발자 관점에서 소개한 글입니다. 제목과 발췌상 프로젝트 개요와 팀 맥락을 전하는 내용입니다.
#시각화#플랫폼
14000
Web Worker로 이미지 처리 최적화하기
모바일 이미지 처리에서 메인 스레드 부하와 메모리 과다 사용 문제를 분석했습니다. Web Worker와 OffscreenCanvas로 전처리를 분리해 반응성과 처리 시간을 개선했습니다.
#Web Worker#OffscreenCanvas
31100
웹 QA의 모든 것: 실전 검증 노하우와 Cypress 자동화
다양한 기기와 브라우저 조합에서 발생하는 웹 QA 이슈와 대응 노하우를 정리했습니다. Cypress를 활용해 반복 검증을 자동화하고 커버리지를 넓히는 방법도 소개했습니다.
#Cypress#QA
8200
LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서
LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.
#JavaScript#React
12400
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 2부: 개발 편
피그마 플러그인으로 실제 데이터를 디자인 시안에 적용하는 구조와 구현 과정을 정리했습니다. 샌드박스, CORS, 라우팅 제약을 우회한 방법과 로그 수집 개선 사례도 소개했습니다.
#Figma#React
9000
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.
#Figma#UI/UX
8900
Android 단말의 위치 데이터 활용: NLP 위치 제공자 특성 및 고려사항
Android 단말의 위치 데이터 활용: NLP 위치 제공자 특성 및 고려사항
Android 단말의 위치 데이터 활용과 NLP 위치 제공자 특성을 다루는 글입니다.
#Android#NLP
700
코드 한 줄로 경험하는 React 동시성의 마법
React 18 동시성 렌더링과 Lane 모델로 입력 지연 문제를 줄이는 방법을 설명했습니다. useTransition과 useDeferredValue를 통해 무거운 렌더링을 분리한 실제 적용 사례도 소개했습니다.
#React#동시성
27100
Kotlin으로 iOS까지? 이게 되네… 되긴 해요!
Kotlin Multiplatform으로 Android와 iOS의 비즈니스 로직을 공유하는 구조를 소개했습니다. 플랫폼별 UI는 유지하면서 공통 모듈과 expect/actual, Ktor, SKIE로 연동하는 흐름을 설명했습니다.
#Kotlin#iOS
8300
11키티즈 게임에서 XState를 선택한 이유
11키티즈 게임에서 XState를 선택한 이유를 상태 관리와 자동 진행 관점에서 설명했습니다. 복잡한 게임 로직을 명확하게 분리하고 유지보수성을 높이는 점을 강조했습니다.
#XState#React
5100