Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- multer
- 개발공부
- coursera
- 데이터전송
- Andrew Ng
- 우선순위
- docker
- CSS
- HTTP
- 클로저
- React
- 스파르타코딩클럽
- 객체
- NextJS
- 자바스크립트
- 1일1문장
- ES6
- javascript
- scope
- Til
- 자료구조
- Sequence
- Machine Learning
- reactnative
- 회고
- 끈기
- Linux
- 러닝자바스크립트
- 리눅스
- nodejs
Archives
- Today
- Total
해나아부지 개발일지
display: flex 가 렌더링에 미치는 영향에 대해 본문
display: flex는 레이아웃을 구성하기 위한 유용한 CSS 속성 중 하나입니다.
그러나 많은 flex 속성을 사용하는 것은 렌더링 속도에 영향을 미칠 수 있습니다.
display: flex를 사용하면 브라우저는 레이아웃을 계산하기 위해 추가 작업을 수행해야 합니다.
이 작업은 브라우저의 처리 속도와 요소의 수 및 복잡도에 따라 렌더링 속도에 영향을 미칩니다.
따라서, display: flex는 꼭 필요할 때만 사용하는 것이 좋다는 말씀.
렌더링 속도를 향상시키기 위해 flex 속성 대신에 grid 레이아웃 등 다른 CSS 속성을 사용하는 것이 좋다.
'Developers > HTML&CSS' 카테고리의 다른 글
div 속 img 하단 여백 없애기! (0) | 2023.02.02 |
---|---|
[CSS] Box Model 너 뭐야!? (0) | 2021.06.18 |
[CSS] 선택자에 대해서 알아보자 (0) | 2021.05.28 |
CSS 적용 우선순위는 ? (0) | 2021.05.28 |
Comments