# repaint()

10개의 포스트

브라우저의 Reflow, Repaint

Reflow와 Repaint의 개념을 알기 전에, 렌더 트리(Render Tree)에 대한 이해가 필요합니다.브라우저는 HTML, StyleSheets를 해석합니다.HTML 문서의 해석이 끝나면 ‘DOM 트리’를 만들고, StyleSheets 문서의 해석이 끝나면 ‘스

2022년 6월 27일
·
0개의 댓글
post-thumbnail

💻 TIL 27 | 브라우저 렌더링(feat. 말하면서 배워요)

말하면서 배워요 스터디에서 공부하는 내용으로 질문과 대답 위주의 글입니다. 또한 내용에 오류나 오타가 있을 시 댓글로 알려주시면 감사하겠습니다.

2022년 5월 1일
·
0개의 댓글
post-thumbnail

32일차) 코드캠프에서는 실무 작성 코드 위주가 1순위랍니다 / memoization/메모이제이션/usememo/useCallback/reflow/repaint

실무 작성 코드 위주로 배우자, 자꾸 새로 만들지 말고 , 메모해 놓는거 어때 ? \-컴포넌트를 만들어놓고 봐보자 State는 변경되면서 컴포넌트가 바뀌면서 페이지가 리렌더링이 된다문제는 countLet이 State누를때마다 같이 초기화 됨(화면에도 안나타나고)\-특정

2022년 4월 27일
·
0개의 댓글

Reflow & Repaint

브라우저 렌더링 과정을 살펴 본다

2022년 4월 6일
·
0개의 댓글

Web Browser의 Reflow와 Repaint

DOM과 CSSOM의 결합으로 생성되며 meta, head와 같은 비시각적 DOM 요소들과 display 속성의 'none' 값이 할당된 요소들의 노드들을 제외한 페이지에 표시되는 모든 DOM 콘텐츠와 각각의 CSSOM 스타일 정보를 담고 있습니다.Reflow란 DOM

2022년 3월 9일
·
0개의 댓글
post-thumbnail

[JS] 브라우저의 렌더링 과정

Replow, Repaint, async, defer, CSSOM, DOM과 같은 브라우저의 렌더링 과정에 대해 다룬다.

2021년 12월 11일
·
0개의 댓글
post-thumbnail

[개발일기] 렌더링 과정 이해하기

: 렌더링 엔진이 html, css 문서를 렌더링 한다.( js엔진과 다르다. ) 브라우저에서 웹 페이지를 로드하면 가장 먼저 HTML 파일을 다운로드. 파싱은 다운로드한 HTML을 해석하여 DOM 트리를 구성하는 단계. HTML 또는 리소스에 CSS가 포함된 경우,

2021년 12월 6일
·
0개의 댓글
post-thumbnail

[Web] - 웹 브라우저(web browser)에 대하여 (2)

\*\* 이전 포스팅에서 렌더트리를 형성하는 과정에(웹브라우저 동작 과정) 대해서 포스팅했는데, 추가적으로 이번엔 렌더링 엔진은 아니지만 자바스크립트 엔진에 의해서 이뤄지는 자바스크립트 코드 파싱 과정에 대해서, 그리고 리렌더링 과정에 대해서 포스팅을 하고자 한다.위에

2021년 9월 2일
·
0개의 댓글
post-thumbnail

[HTML5 Canvas] 03 캔버스 애니메이션

requestAnimationFrame 애니메이션을 공부할 때 수도 없이 보아왔던 requestAnimationFrame MDN을 참고하면! > window.requestAnimationFrame()은 브라우저에게 수행하기를 원하는 애니메이션을 알리고 다음 리페인트

2021년 5월 30일
·
0개의 댓글
post-thumbnail

[코드스쿼드 코코아 과정_자바] AWT쓰레드와 repaint()

AWT쓰레드에 의해 자동적으로 호출되어짐평소에 대기상태였다가, 화면이 갱신되어야할 상황이면 paint()나 update()를 호출화면이 갱신되어야할 상황:처음 화면에 나타날 때다른 화면에 가려져 있던 부분이 다시 화면에 나타날 때아이콘화 되어있다가 다시 화면에 나타날때

2020년 11월 30일
·
0개의 댓글