profile
기록이 습관인 개발자
post-thumbnail

Virtual DOM 이란?

Virtual DOM 등장 배경 브라우저 렌더링 과정 Reference: 브라우저 렌더링 원리에 대해 설명해주세요. DOM 조작의 비효율성 위 과정을 전부 렌더링 될 때 마다 다시해줘야함. (여기서 DOM 트리를 생성하는 것이 비효율 적인게 아니라 렌더링 하는 과정이 비효율적이다!) 예전에는 SSR(Server Side Rendering)을 사용하...

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

React를 사용하는 이유

React란? 웹 페이지라는 건물을 쌓는데 필요한 블록(Component)을 만드는 기술이다. 이 블록(Component)를 재사용하여 비슷한 건물을 쌓을 때 이미 만들어진 블록을 바탕으로 빠르게 건물을 완성할 수 있고, 누군가 만들어놓은 블록을 가져와서 내 건물의 블록으로 활용할 수 있게 해주는 도구이자 기술이라고 표현하고 싶다. React 등장 배...

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

SPA, CSR, SSR 이란?

CSR(Client Side Rendering) vs SSR(Server Side Rendering) 렌더링 방식이란 결국 화면에 그려지는 HTML을 누가 하느냐 즉, 주체가 누구냐에 따라 CSR, SSR로 나뉘게 된다. 위의 index.html 파일에는 body 안에 div 하나만 있다. 실제로 이 뼈대 하나만 다운받는다. 우리가 화면을 볼때는 div...

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

브라우저 렌더링 원리

브라우저 렌더링 동작 과정 브라우저는 HTML, CSS, JS, 이미지, 폰트 등 리소스를 서버에 요청하고, 응답으로 받아온다. index.html을 받은 브라우저에서는 텍스트로 이루어진 이 파일을 파싱하면서 DOM트리를 만들어 나간다. html을 읽다 중간 link

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

TypeScript (1)

TS 후기: TypeScript 최고😊

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

Styled Components (3)

Styled Components Animation 및 Selector 사용 방법!

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

Styled Components (2)

As and Attrs 버튼 태그를 하나 만들어 봅시다. 이 친구는 당연히 button class겠죠? 만약 모종의 이유로 이 style은 그대로 유지하되 다른 태그를 쓰고 싶다면 어떻게 해야 할까요? 이럴 때 사용할 수 있는 것이 'As' 입니다. ![](https://velog.velcdn.com/images/del-luna/post/6f873

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

Styled Components (1)

Adapting and Extending

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

Why Styled Components?

한줄 요약: 가독성도 좋고 직관적이다!

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

React Carousel 만들기 (1)

React Carousel Scratch

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