post-thumbnail

주니어 개발자로서 이제는 기본기를 다시 다져야 할 때 - (4) useCallback, useMemo 렌더링 최적화를 위한 효율적인 방법

렌더링 최적화를 위한 코드 개선 useCallback은 함수를 메모이제이션, useMemo는 값을 메모이제이션, React.Memo는 컴포넌트 자체를 메모이제이션 한다는 특징이 있다. 처음 메모이제이션 이라는 단어를 접했을 때는 너무나 추상적이였다. 메모이제이션? 그래서 뭘 기억한다는 건데? >컴포넌트가 리렌더링되는 경우는 다음과 같다. 부모에서 전달...

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

주니어 개발자로서 이제는 기본기를 다시 다져야 할 때 - (3) 자바스크립트의 비동기

자바스크립트의 비동기 동작 자바스크립트는 기본적으로 싱글 스레드다. 싱글 스레드의 특징을 살펴보면, Sequential한 동작을 보여주어야 할 것 같지만 그렇지 않다. 자바스크립트의 런타임 환경(브라우저)이 사실은 싱글스레드가 아니기 때문이다. 자바스크립트가 멀티 스레드로 실행되는 언어였다면 웹 페이지에서 발생하는 동시성에 대한 문제를 해결해야만 했다....

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

주니어 개발자로서 이제는 기본기를 다시 다져야 할 때 - (2) 웹 페이지의 렌더링 과정

웹 페이지가 렌더링 되는 과정 > 1. HTML parser가 HTML을 바탕으로 DOM tree를 그린다. CSS parser가 CSS를 바탕으로 CSSOM을 그린다. DOM에 CSSOM을 적용하여 Render Tree를 그린다. Render Tree를 바탕으로 Painting 하여 실제 화면에 렌더링 한다. 웹을 그리는 브라우저나 HTML을 동적으...

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

[WIL] 항해99 7주차 회고록

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

[WIL] 항해99 6주차 회고록

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

[WIL] 항해99 5주차 회고록

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

[WIL] 항해99 4주차 회고록

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

[WIL] 항해99 3주차 회고록

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

[WIL] 항해99 2주차 회고록

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

[TIL] React 기본 정의

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

[TIL] React 입문주차 S.A.

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

[WIL] 항해99 1주차 회고록

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