Web Front End/CSS

[CSS] VSync와 브라우저

VSync란? Vertical sync (수직 동기화) GPU, 비디오 게임 및 모니터를 위한 최초의 동기화 기술 게임의 프레임 속도와 게임 모니터의 재생 빈도를 동기화하는 그래픽 기술 ⇒ 게임 FPS는 모니터가 따라잡을 수 없는 속도로 정보를 전달했음 ⇒ 서로 다른 화면이 충돌해 화면이 어긋나게 보여짐(Screen Tearing) ⇒ VSync 도입으로 FPS에 제한을 두어 동기화되게 하고, 부드러운 게임 화면을 볼 수 있게 됨 해상도, 색상, 밝기를 향상시킬 수는 없음 Frame Timing이란? 프레임을 실행/랜더링하는 데 걸리는 시간 랜더링되는 여러 프레임 간 타이밍이 얼마나 일관성 있는지도 보여줌 서로 다른 Frame Rates 프레임 속도가 낮을수록 프레임을 렌더링하는 데 시간이 오래 걸림 프..

[CSS] flexbox

FlexBox란? Flexible Box module 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 레이아웃을 다룰 때 한 번에 하나의 행,열만 다룸 참고: CSS 그리드 레이아웃(2차원 모델) Flexbox 연습 사이트 https://flexboxfroggy.com/#ko 속성의 설명도 잘 되어 있음 Flexbox 주요 속성 justify-content align-items flex-direction order align-self flex-wrap flex-flow align-content flex-basis 참고 MDN - flexbox 생활코딩 - flex