오묘한

  • 홈
  • 글쓰기
  • 태그
  • 방명록

composite layer 1

[가장 쉬운 웹개발 with Boaz] 브라우저 렌더링 최적화

https://youtu.be/G4eQziVzCTE FPS란 : Frame per Seconds. 기기에 1초당 몇 프레임이 그려지는지를 표현. 대부분의 기기들은 스크린을 1초에 60번을 screen을 refresh한다. 만약 화면 전환 시에 애니메이션이 있다거나, 유저가 스크롤링으로 페이지를 내린다던가 할 때 브라우저는 이 디바이스의 refresh rate에 맞추어서 1개의 새로운 그림이나 프레임을 띄워줘야 한다(스크린이 refresh 될 때 마다!) 60fps는 1초에 60장의 프레임이 그려진다는 의미이다. 그래서 16.6ms만에 1프레임이 그려져야, 즉 브라우저 렌더링이 16.6ms 만에 무사히 수행되어야 애니메이션이 끊김 없이 보일 수 있다.(실제로 브라우저는 다른 하는 일이 많기 때문에 화면에 ..

개발 공부/웹 개발 2022.12.13
이전
1
다음
더보기
프로필사진

독특한, 쉽게 단정짓기 어려운. (네이버 블로그에서 이사 중)

  • 분류 전체보기 (143)
    • 개발 공부 (115)
      • 자바스크립트 (29)
      • 타입스크립트 (2)
      • 크리에이티브 코딩 (0)
      • React (8)
      • NextJS (0)
      • HTML & CSS (0)
      • 2022 마켓컬리 해커톤 (3)
      • 알고리즘 문제풀이 (56)
      • 알고리즘 이론 (9)
      • 웹 개발 (7)
      • SSAFY 6기 (1)
    • 디지털광고 (10)
      • 요즘광고 (10)
    • DESIGN (8)
      • UX (0)
      • IDOL CONCEPT BRANDING (3)
      • Brand Diary (1)
      • EVERYDAY 디자인 칼럼 (3)
    • Read (1)
      • UX 원칙 101 (1)
    • HOBBY (1)
      • K POP (1)
    • TO GO (5)
      • EXHIBITION (3)

Tag

JavaScript, 알고리즘, 싸피, 싸피셜, 드림코딩, SSAFYcial, 컬리 핵페스타, 알고리즘300, 자바스크립트, 삼성청년SW아카데미, 코딩테스트, 요즘광고, 삼성SW역량테스트, 엘리의 드림코딩, SSAFY, 파이썬, 디지털광고, 백준, 화이팅, 마켓컬리 해커톤,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :
포트폴리오

Copyright © Kakao Corp. All rights reserved.

  • 깃허브

티스토리툴바