오묘한

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

repaint 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • 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.

  • 깃허브

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.