# rendering

72개의 포스트
post-thumbnail

[WEB] 브라우저 렌더링 과정

웹 브라우저에 URL 입력주소창에 입력한 URI의 host Name이 DNS를 통해 ip 주소로 변환되고, 해당 IP를 가진 서버에 GET 요청을 보낸다.(사진2. 전반적인 브라우저 렌더링 과정)서버에서 응답받은 HTML 파일 파싱서버에 존재하던 HTML 파일이 브라우

어제
·
0개의 댓글

조건부 렌더링(Optional-rendering)

조건부 렌더링이란 무엇일까?? 조건부 렌더링 (optional-rendering)이란 무엇일까?? 내가 수업때 조건부렌더링을 사용한 부분은 객체타입의 데이터를 불러올때. 불러오는 속도가 데이터가 저장되는 속도보다 빠르다면 그 객체의 값이 undefined로 나오기 때문에 조건부렌더링 이란 기술을 사용했다. 예를 들어 f...

3일 전
·
0개의 댓글

[HTML] Rendering이란?

렌더링(Rendering) 웹사이트 코드 -> 대화형 페이지 HTML, CSS, JavaScript 코드의 사용을 나타낸다. 렌더링 엔진에 의해서 완성된다. 렌더링 엔진 : 웹 페이지를 렌더링하기 위해 웹 브라우저에서 사용하는 소프트웨어 Reference 렌더링이란?

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

[React] Conditional Rendering

Conditional rendering is a term to describe the ability to render different user interface (UI) markup if a condition is true or false.리액트에서 특정 조건에 따라

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

[TIL] 22.05.12 React-Rendering-VDOM

백조의 버둥거리는 발놀림 React를 사용하여 사용자의 입력여부가 즉각 반영되는것이 너무 신기했다. 빼먹은 입력창을 입력하라는 오류메세지가 브라우저의 입력창에 이메일을 입력하자마자 사라지다니! 이런 우아한 테크닉엔 개발자들의 피와 땀과 레드불이 들어있음을 믿어 의심치

2022년 5월 12일
·
0개의 댓글

Browser’s Rendering process

Rendering? HTML, CSS, Javascript를 브라우저가 화면에 그려주는 동작 브라우저의 렌더랑 과정 HTML 파일과 CSS 파일을 파싱해서 각각 Tree를 만든다. (Parsing) 브라우저가 페이지를 렌더링하려면 가장 먼저 받아온 HTML 파일을 해석해야한다. Parsing 단계는 HTML 파일을 해석하여 DOM(Document Obje...

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

웹 브라우저는 렌더링 프로세스(Browser’s Rendering Process)

의 초창기에는 마크업 문서 작성시 태그를 빼 먹거나, 닫아야 하는 태그를 닫지 않으면 브라우저가 HTML 을 제대로 파싱하지 못하였습니다. 때문에 종종 화면에 깨진 UI 가 표시되기도 하였습니다. 하지만 오늘 날 대부분의 모던 브라우저는 예외 처리가 아주 잘 되어 있

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

[React] console.log가 두번 실행된다고?

프로젝트에 소셜 로그인 기능을 구현하기 위해 프론트까지 간단하게 구현중이시던 팀원분이 오류를 가져오셨다. 프론트에서 카카오에 인가코드 요청 -> 받아온 인가 코드를 백엔드에 전달 -> 백엔드에서 카카오에 토큰 요청(redirect url, 인가코드 이용) -> 토큰

2022년 4월 22일
·
0개의 댓글
post-thumbnail

⛓️ 리액트 렌더링 과정

HTML 파일 어딘가에 "div" 태그가 있다고 가정해본다면, 그 안에 들어가는 모든 elements를 React DOM에서 관리, 즉 root DOM 노드라고 부른다.

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

🖥️ 브라우저 렌더링 과정

기술 면접 때 가장 흔히 물어보는 질문인 브라우저 렌더링 과정에 대해서 되짚어보자.브라우저가 렌더링되는 과정을 알아야하는 이유가 무엇일까?프론트엔드 개발자라면 브라우저와 함께 웹 애플리케이션을 구성하기 때문에 나의 앱이 어떻게 브라우저에 나타나게 되는지 알고 있어야한다

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

어떻게 Virtual DOM은 브라우저 렌더링 횟수를 줄여주는가?

TLDR : virtual DOM은 replaceChild를 통해서 변경사항을 한 번에 바꿉니다.Virtual DOM은 DOM을 추상화해 어떤 태그, Attribute, Child를 가지는지를 나타낸 트리형태의 자료형이다.

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

React에서 Key가 필요한 이유

다음과 같이 map을 통해 리스트를 보여주면 문제가 발생한다.이렇게 콘솔로그에 빨간딱지가 잔득 붙어있다.오류는 uniqui한 key가 필요하다고 말하고 있다.Virtual Dom과 Rendering을 알고 있으면 이를 이해하기 쉽다.React에서는 데이터의 상태를 메모

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

[React] 배열 렌더링(Array Rendering)

animals 배열이 있다.이제 animals 배열을 react에서 rendering을 해봤다.말그대로 배열의 요소들을 Animal component에 하나하나 다 작성해서 rendering하는 방법이다.새로운 Profile component를 만들어서 Animal c

2022년 3월 23일
·
1개의 댓글
post-thumbnail

NeRF: Representing Scenes as Neural Radiance Fields for View Synthesis 톺아보기

NeRF 는 MLP 를 이용하여 3D scene 을 고전적인 ray casting 방식: density & color 로 표현하는 방법이다. 일반적인 Neural Network 가 generalization 능력을 극대화하는 방향으로 사용되는데 반면, NeRF 는 Ne

2022년 3월 17일
·
0개의 댓글

컴포넌트 렌더링 최적화(2)

저번 시간에 이어서 렌더링 최적화에 관련된 이야기를 마무리해보도록 하겠다.애플리케이션에서 방대한 양의 컴포넌트를 한번에 렌더링하는 것은 당연히 시간 지연의 원인이 될 것이다. 그래서 이번에는 보이지 않는 곳에서 렌더링되는 컴포넌트들의 렌더링을 해당 컴포넌트가 windo

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

Browser’s Rendering process

HTML, CSS, JavaScript등 개발자가 작성한 문서들을 브라우저가 화면에 그려주는 동작을 말한다.User Interface : 주소 표시줄, 뒤로가기, 앞으로가기, 북마크 메뉴 등의 요청한 페이지를 보여주는 창을 제외한 부분.Browser Engine : U

2022년 3월 14일
·
0개의 댓글

브라우저 렌더링 과정 (파싱-렌더-레이아웃-페인팅)

브라우저 렌더링 과정을 알아보자!

2022년 3월 14일
·
0개의 댓글

컴포넌트 렌더링 최적화(1)

이번 글 부터는 평소 궁금해하고 깊게 다뤄보고자 하였던 Rendering Time과 관련된 이야기를 써보고자 한다. 관련된 내용은 벨로퍼트님의 리액트를 다루는 기술에서 상당 부분을 가져왔고, 일부 추가적으로 궁금한 내용들은 구글링을 통해 해결하였다. > 시작하기 전

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

브라우저의 렌더링 과정

이번시간에는 브라우저가 서버와 어떻게 통신을 주고받으며 화면을 표시해주는지 알아보겠습니다.브라우저의 핵심 기능은 필요한 리소스(HTML, CSS, javascript 등)을 서버에 요청하고, 서버로부터 응답 받아 브라우저에 시각적으로 렌더링 하는 것입니다. 서버에서 필

2022년 3월 11일
·
2개의 댓글

5. Quasi-Monte Carlo Sampling

1. What is Quasi-Monte Carlo Sampling? Quasi-Monte Carlo sampling은 rendering equation과 같은 적분식을 계산하기 위한 도구이다. Monte Carlo sampling과 가장 크게 다른 점은 random sampling을 하지 않고, deterministic sampling을 사용한다는 것...

2022년 3월 10일
·
0개의 댓글