FOUC(Flash Of Unstyled Content)는 외부의 CSS가 불러오기 전에 잠시 스타일이 적용되지 않은 웹 페이지가 나타나는 현상이다. 이 현상은 스타일이 적용되지 않은 웹 페이지가 스타일이 적용된 웹 페이지로 변화하는 것이다. 웹 브라우저가 웹 페이지에 스타일 정의를 부르고 적용할 때 보여지는 부분을 최대한 빨리 수정하지만, 이 변화는 짧지 않은 시간 동안 나타나므로 사용자는 페이지에 오류가 있다는 생각을 하게된다. "FOUC는 CSS와 HTML의 버전 변화와는 관계가 없으며, 이것은 브라우저의 문제로 보인다." 하지만 이 문제는 브라우저에서 큰 문제가 아닌 것으로 보이는데, 브라우저 내에 프로그램된 우선 사항들이 페이지를 보여줄 때 아래와 같은 방식으로 처리하기 때문이다.브라우저는 웹 ..
크로스 브라우징 window.width / window.heightfunction getWindowWidth() { return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; } function getWindowHeight() { return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; } Element height 1. dom scriptElement.offsetHeight - 엘리먼트 높이값+padding-top+padding-bottom+border-top+border-bo..
- Total
- Today
- Yesterday
- svg 폰트
- 태그
- git
- svg모션
- svg icon font
- 자바스크립트
- JsDoc
- 아이콘 폰트 만들기
- Aptana
- IntrinsicElements
- cordova
- 코도바
- CSS
- Vue3
- RefreshToken
- 내장요소
- interceptors
- anime.js
- react-router-dom
- icon font
- vue-router
- 앵귤러
- Intrinsic
- React.StrictMode
- git checkout -b
- 리프래시토큰
- react
- for of 구문
- Angular
- 반복문
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |