Virtual DOM 등장 배경 브라우저 렌더링 과정 Reference: 브라우저 렌더링 원리에 대해 설명해주세요. DOM 조작의 비효율성 위 과정을 전부 렌더링 될 때 마다 다시해줘야함. (여기서 DOM 트리를 생성하는 것이 비효율 적인게 아니라 렌더링 하는 과정이 비효율적이다!) 예전에는 SSR(Server Side Rendering)을 사용하...
React란? 웹 페이지라는 건물을 쌓는데 필요한 블록(Component)을 만드는 기술이다. 이 블록(Component)를 재사용하여 비슷한 건물을 쌓을 때 이미 만들어진 블록을 바탕으로 빠르게 건물을 완성할 수 있고, 누군가 만들어놓은 블록을 가져와서 내 건물의 블록으로 활용할 수 있게 해주는 도구이자 기술이라고 표현하고 싶다. React 등장 배...
CSR(Client Side Rendering) vs SSR(Server Side Rendering) 렌더링 방식이란 결국 화면에 그려지는 HTML을 누가 하느냐 즉, 주체가 누구냐에 따라 CSR, SSR로 나뉘게 된다. 위의 index.html 파일에는 body 안에 div 하나만 있다. 실제로 이 뼈대 하나만 다운받는다. 우리가 화면을 볼때는 div...
브라우저 렌더링 동작 과정 브라우저는 HTML, CSS, JS, 이미지, 폰트 등 리소스를 서버에 요청하고, 응답으로 받아온다. index.html을 받은 브라우저에서는 텍스트로 이루어진 이 파일을 파싱하면서 DOM트리를 만들어 나간다. html을 읽다 중간 link
As and Attrs 버튼 태그를 하나 만들어 봅시다. 이 친구는 당연히 button class겠죠? 만약 모종의 이유로 이 style은 그대로 유지하되 다른 태그를 쓰고 싶다면 어떻게 해야 할까요? 이럴 때 사용할 수 있는 것이 'As' 입니다. ![](https://velog.velcdn.com/images/del-luna/post/6f873