# rendering

101개의 포스트
post-thumbnail

브라우저 랜더링

클라이언트에게 요청받은 내용을 화면에 띄우는것이다.브라우저마다 사용하는 엔진이 다르다. Chrome: 블링크-(웹킷에서 떨어져나옴)Firefox: 게코Safari: 웹킷1\. 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 요청한 페이지 창을 제외

6일 전
·
0개의 댓글
·
post-thumbnail

Avoid Reflow & Repaint

해당 글은 작성자의 동의를 구하고 번역한 글입니다. 원문은 아래 링크를 참고해주세요.https://www.hi-interactive.com/blog/avoid-reflow-repaint..We're probably doing some really stupid

2022년 9월 15일
·
0개의 댓글
·

[TROUBLESHOOTING] REACT map 함수로 감싸진 'ONCLICK' METHOD 가 페이지 렌더링 시 실행되는 에러

onClick 이벤트를 넣은 버튼을 눌렀을 때 props 로 넣어준 reply 가 제대로 넘겨주는지 확인하기 위해 console에 replyId 를 출력하는 간단한 이벤트를 발생시켜보았다.그런데페이지를 Rendering 할 때 onClick 이벤트가 자동으로 작동된 뒤

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

리액트 공식 문서 정리 (2) - 엘리먼트 렌더링

리액트 공식 문서 정리 - 엘리먼트 렌더링

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

5. Light Scattering

주의 사항이 글은 RayTracing:The Rest of Your Life를 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Rest of Your Life에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주

2022년 8월 30일
·
0개의 댓글
·

React 마운트 VS 랜더링

마운트 VS 랜더링 react는 mounting, unmounting, updating 3가지를 사용한다 mounting은 React node를 DOM에 더하는 것이다 unmounting은 React node가 DOM에서 제거되는 것이다 updating은 이미 DOM에 추가된 React node의 data가 바뀌는 것이다 React node가 어떻게 D...

2022년 8월 26일
·
0개의 댓글
·

4. MC Integration on the sphere of Directions

주의 사항이 글은 RayTracing:The Rest of Your Life를 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Rest of Your Life에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

[TIL] 20220825

Next.js 공식문서 정리 (Build Time vs. Runtime, Rendering)프로젝트 Main Page 작업< How Next.js Works >Build time (or build step)은 production을 위해 application 코드를

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

2. A Simple Monte Carlo Program

주의 사항이 글은 RayTracing:The Rest of Your Life를 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Next week에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주시면 감사합니다

2022년 8월 21일
·
0개의 댓글
·

Ray Tracing: The Rest of Your Life Study

KAIST의 윤성의 교수님의 Rendering 공부를 하면서 Ray Tracing에 대한 기본적인 Rendering 이론 공부를 진행했다. 이제 다시 복습하는 겸, 코드를 직접 작성해보면서 공부를 다시 시작해보자. 화이팅...

2022년 8월 21일
·
0개의 댓글
·
post-thumbnail

(번역) React는 컴포넌트를 언제 다시 리렌더링 할까요?

여러분은 개발하시면서 렌더링 최적화에 대해 고민해 보신 적 있으신가요? 이 글에서는 리액트의 렌더링에 대한 주요 개념과 리렌더링이 발생하는 시점, 마지막으로 리렌더링을 최적화하는 방법에 대해 소개를 해주고 있습니다.

2022년 8월 18일
·
4개의 댓글
·

[TIL]20220817

Next.js 공식문서 읽으면서 공부했다.Foundation (From React to Next.js, How Next.js Works)어제 공부하다가 궁금 사항들을 적으면서 정리해보았다.프레임워크는 뼈대나 기반구조를 뜻하고, 제어의 역전 개념이 적용된 대표적인 기술이

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

HTML & CSS | 렌더링 과정

HTML과 CSS가 렌더링 되는 과정 웹 브라우저가 네트워크를 통해 HTML을 전달 받으면 브라우저의 렌더링 엔진은 HTML을 파싱하고 돔 노드로 이루어진 트리를 만든다. CSS파일과 HTML의 요소들의 인라인 스타일을 파싱하여 스타일 정보를 가진 스타일 트리도 생성

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

마치며...

휴일 3일간 거의 미친듯이 공부를 한 것 같다. 매일 12시 부터 새벽까지 공부를 했고 여러 수식들을 공부를 하면서 조금 Ray Tracing이라는 것을 배우게 된 것 같다. 10장을 마지막으로 조금 멋진 장면을 얻은 것 같지만 Rendering이 미친듯이 느려졌다.

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

9. Volumes

주의 사항이 글은 RayTracing:The Next week을 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Next week에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주시면 감사합니다.)글을 쓰는

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

8. Instance

주의 사항이 글은 RayTracing:The Next week을 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Next week에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주시면 감사합니다.)글을 쓰는

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

7. Rectangles and Lights

주의 사항이 글은 RayTracing:The Next week을 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Next week에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주시면 감사합니다.)글을 쓰는

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

6. Image Texture Mapping

주의 사항이 글은 RayTracing:The Next week을 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Next week에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주시면 감사합니다.)글을 쓰는

2022년 8월 14일
·
0개의 댓글
·
post-thumbnail

5. Perlin Noise

주의 사항이 글은 RayTracing:The Next week을 공부하며 작성한 글이다.모든 사진, 글은 RayTracing:The Next week에서 가지고 왔다. 영어 해석, 이론적으로 틀린 내용이 존재할 경우가 매우 크다. (지적해주시면 감사합니다.)글을 쓰는

2022년 8월 13일
·
0개의 댓글
·