웹 성능 최적화 - 렌더링 최적화
프론트엔드
웹 성능 최적화 - 렌더링 최적화
두줄요약
브라우저 렌더링 경로와 Reflow·Repaint가 애니메이션 성능에 미치는 영향을 설명했습니다. 사운드 미터 비교를 통해 transform 기반 구현의 Layout 비용 감소를 확인했습니다.
목록 보기
비브로스프론트엔드
이 글과 연관된 채용
ML Engineer (CSS)
토스 · Seoul
신용·대출 도메인에서 대출 니즈, 카드 발급 예측, 신용평가 등 ML 모델을 개발·고도화하고 데이터를 분석합니다. 개인·개인사업자 CSS 개발·내재화 및 데이터 정제 경험, Python·SQL과 ML·DL 활용 역량이 필요합니다.
필요 기술PythonSQLData MiningMachine LearningDeep Learning[쿠팡페이] Staff Front-end Engineer (Rocket Pay)
쿠팡페이 · Seoul, South Korea
쿠팡페이 로켓페이의 PC·모바일 웹 아키텍처와 신규 결제 경험을 개발·운영하고, 디자인·코드 리뷰 및 품질 가이드를 수행합니다. 웹 프론트엔드 8년 이상 경력과 주요 프론트엔드 기술 및 UI 컴포넌트 개발 경험이 필요합니다.
필요 기술JavaScript (ES6)TypeScriptHTML5CSSReactReduxVue.jsAngular[Coupang Pay] Staff Front-end Engineer (New Fintech Product)
Coupang Pay · Seoul, South Korea
쿠팡페이 간편결제 서비스의 UI를 개발·운영하고, PO·UX 디자이너·엔지니어와 협업하며 시스템/코드 리뷰에 참여합니다. 웹 프론트엔드 8년 이상 경력과 주요 프론트엔드 기술 및 UI 컴포넌트 개발 경험이 필요합니다.
필요 기술JavaScript (ES6)TypeScriptHTML5CSSReactReduxVue.jsAngular
다음 읽기
#렌더링 주제를 이어서 읽기
웹 성능 최적화 - 렌더링 최적화
웹 성능 최적화를 렌더링과 로딩으로 나누고, 이번 글에서는 애니메이션 최적화에 초점을 맞추었습니다. Reflow와 Repaint 개념을 정리한 뒤 transform 활용과 Performance 탭 측정 결과를 비교했습니다.
