-
2024-04-06
좋은 컴포넌트 설계가 어떻게 좋은 개발자와 연결되는가
-
2024-03-30
기능을 구현하는 단계(서비스 구체화)에서 가장 중요한 기준?!
-
![[Product Engineer Camp] Service flow, Information Mind Map, User Workflow 과제 피드백하며, 제대로 하는 방법 공부하기](https://i.ytimg.com/vi/f1DWYREbWrg/mqdefault.jpg)
2024-03-26
[Product Engineer Camp] Service flow, Information Mind Map, User Workflow 과제 피드백하며, 제대로 하는 방법 공부하기
-
2024-03-23
프론트엔드 엔지니어에게 추상화란 무엇일까?!
-
![[Product Engineer Camp] 사용자 인터뷰 과제 추가 피드백 & 2주차 세션 Information flow](https://i.ytimg.com/vi/cXvGourihK0/mqdefault.jpg)
2024-03-19
[Product Engineer Camp] 사용자 인터뷰 과제 추가 피드백 & 2주차 세션 Information flow
-
2024-03-16
FE에게 사용자 인터뷰가 중요한 이유?!(사용자 인터뷰 과제 피드백)
-
![[Product Engineer Camp] 문제 정의를 잘하는 엔지니어가 살아남는다?!](https://i.ytimg.com/vi/ttsjY6h3ilk/mqdefault.jpg)
2024-03-09
[Product Engineer Camp] 문제 정의를 잘하는 엔지니어가 살아남는다?!
-
![[React 까보기 시리즈] createWorkInProgress 함수 까보기 객체를 재활용하는 방법?](https://i.ytimg.com/vi/rUkVxty1qRA/mqdefault.jpg)
2024-02-24
[React 까보기 시리즈] createWorkInProgress 함수 까보기 객체를 재활용하는 방법?
-
![[React 까보기 시리즈] VDOM 의 workInProgress tree 를생성(초기화)하는 배경은 어떤 것이 있을까?](https://i.ytimg.com/vi/eBl69zKTPCQ/mqdefault.jpg)
2024-02-17
[React 까보기 시리즈] VDOM 의 workInProgress tree 를생성(초기화)하는 배경은 어떤 것이 있을까?
-
![[React 까보기 시리즈] concurrent WORK 은 어떻게 sync WORK이 되는가(performSyncWorkOnRoot)](https://i.ytimg.com/vi/nLBohhr_Kq4/mqdefault.jpg)
2024-02-03
[React 까보기 시리즈] concurrent WORK 은 어떻게 sync WORK이 되는가(performSyncWorkOnRoot)
-
![[React 까보기 시리즈] React concurrent mode 맛보기? performConcurrentWorkOnRoot 까보기](https://i.ytimg.com/vi/W5_jtoRPgR0/mqdefault.jpg)
2024-01-27
[React 까보기 시리즈] React concurrent mode 맛보기? performConcurrentWorkOnRoot 까보기
-
![[React 까보기 시리즈] 리액트가 WORK 를 스케줄링하는 과정을 까보자](https://i.ytimg.com/vi/xLiHuAYgs_M/mqdefault.jpg)
2024-01-21
[React 까보기 시리즈] 리액트가 WORK 를 스케줄링하는 과정을 까보자
-
![[React 까보기 시리즈] Virtual DOM 의 맨 위에는 어떤 node 가 있을까? root node 까보기(feat. CRA)](https://i.ytimg.com/vi/3B5XcKkU4ug/mqdefault.jpg)
2023-10-28
[React 까보기 시리즈] Virtual DOM 의 맨 위에는 어떤 node 가 있을까? root node 까보기(feat. CRA)
-
![[React 까보기 시리즈] Fiber 생성 과정](https://i.ytimg.com/vi/lMuU0uTUoAQ/mqdefault.jpg)
2023-10-21
[React 까보기 시리즈] Fiber 생성 과정
-
![[React 까보기 시리즈] React component 가 return 하는 html 은 babel 을 만나서 어떻게 변할까?(createElement 함수 까보기)](https://i.ytimg.com/vi/FZyZVwbaLIA/mqdefault.jpg)
2023-10-14
[React 까보기 시리즈] React component 가 return 하는 html 은 babel 을 만나서 어떻게 변할까?(createElement 함수 까보기)
-
![[React 까보기 시리즈] React element 와 component 종류와 정의에 대해(host component? custom component?)](https://i.ytimg.com/vi/ywASpN78JyU/mqdefault.jpg)
2023-10-07
[React 까보기 시리즈] React element 와 component 종류와 정의에 대해(host component? custom component?)
-
![[React 까보기 시리즈] Scheduler 에서 다시 Reconciler 로!(Task 를 처리하여 WORK 수행)](https://i.ytimg.com/vi/QxTGqmcAp_w/mqdefault.jpg)
2023-09-23
[React 까보기 시리즈] Scheduler 에서 다시 Reconciler 로!(Task 를 처리하여 WORK 수행)
-
![[React 까보기 시리즈] 리액트가 브라우저에게 메인 쓰레드를 양보할 타이밍을 아는 방법(isInputPending API)](https://i.ytimg.com/vi/fUTmahILn9U/mqdefault.jpg)
2023-09-09
[React 까보기 시리즈] 리액트가 브라우저에게 메인 쓰레드를 양보할 타이밍을 아는 방법(isInputPending API)
-
![[React 까보기 시리즈] 리액트가 WORK 를 처리하다가 브라우저에게 thread 를 양보하는 이유?(user event 처리와 브라우저의 렌더링 프로세스)](https://i.ytimg.com/vi/KRDI5QwWEhw/mqdefault.jpg)
2023-09-02
[React 까보기 시리즈] 리액트가 WORK 를 처리하다가 브라우저에게 thread 를 양보하는 이유?(user event 처리와 브라우저의 렌더링 프로세스)
-
![[React 까보기 시리즈] 리액트에서 concurrent mode 가 가능해진 이유? timerQueue 와 taskQueue 의 활용](https://i.ytimg.com/vi/s0PPc2siKNY/mqdefault.jpg)
2023-08-26
[React 까보기 시리즈] 리액트에서 concurrent mode 가 가능해진 이유? timerQueue 와 taskQueue 의 활용
-
![[React 까보기 시리즈]Scheduler 시작!Task 까보기](https://i.ytimg.com/vi/8IwUdtULaec/mqdefault.jpg)
2023-08-19
[React 까보기 시리즈]Scheduler 시작!Task 까보기
-
![[React 까보기 시리즈] Fiber 구조로 가능해진 Concurrent mode 와 Sync WORK 를 처리하는 방법?](https://i.ytimg.com/vi/A6KGVmvEV-s/mqdefault.jpg)
2023-08-12
[React 까보기 시리즈] Fiber 구조로 가능해진 Concurrent mode 와 Sync WORK 를 처리하는 방법?
-
![[React 패키지 까보기] 리액트가 처리중인 WORK 의 우선순위를 비교하는 방법 (ensureRootIsScheduled)](https://i.ytimg.com/vi/OOMczDLPrBQ/mqdefault.jpg)
2023-07-29
[React 패키지 까보기] 리액트가 처리중인 WORK 의 우선순위를 비교하는 방법 (ensureRootIsScheduled)
-
![[React 패키지 까보기] 리액트 16버전에서 대부분의 UPDATE 를 처리하는 방법(feat. Sync)](https://i.ytimg.com/vi/crS-e3hdD5U/mqdefault.jpg)
2023-07-22
[React 패키지 까보기] 리액트 16버전에서 대부분의 UPDATE 를 처리하는 방법(feat. Sync)
-
![[React 까보기 시리즈] 리액트 입장에서는 어떤 이벤트를 먼저 처리해야할까? (expirationTime 값의 의미)](https://i.ytimg.com/vi/2s9nlq06t3g/mqdefault.jpg)
2023-07-15
[React 까보기 시리즈] 리액트 입장에서는 어떤 이벤트를 먼저 처리해야할까? (expirationTime 값의 의미)
-
![[React 까보기 시리즈]reconciler가 WORK를 스케줄링하기 위한 사전작업](https://i.ytimg.com/vi/G2ib1cVOKbo/mqdefault.jpg)
2023-07-08
[React 까보기 시리즈]reconciler가 WORK를 스케줄링하기 위한 사전작업
-
![[React 까보기 시리즈]hook 이 상태를 업데이트하는 과정 요약 & scheduler 개관](https://i.ytimg.com/vi/kWjykwAguXo/mqdefault.jpg)
2023-07-01
[React 까보기 시리즈]hook 이 상태를 업데이트하는 과정 요약 & scheduler 개관
-
![[React 까보기 시리즈]setState 를 호출했을 때, render phase 에서 벌어지는 일?!(render phase 에서 update 를 저장하고 소비하는 과정)](https://i.ytimg.com/vi/Eb3sph8GZ2s/mqdefault.jpg)
2023-06-24
[React 까보기 시리즈]setState 를 호출했을 때, render phase 에서 벌어지는 일?!(render phase 에서 update 를 저장하고 소비하는 과정)
-
![[React 까보기 시리즈] setState 를 호출하는 2가지 상황, idle 과 render phase 를 구분하는 조건문?!](https://i.ytimg.com/vi/qz4NG8zrgjo/mqdefault.jpg)
2023-06-17
[React 까보기 시리즈] setState 를 호출하는 2가지 상황, idle 과 render phase 를 구분하는 조건문?!
-
![[React 까보기 시리즈]setState 를 여러번 호출하면 실제로 상태를 여러번 업데이트할까?(상태를 업데이트 하기 위해 queue 에 저장하고 소비하는 과정)](https://i.ytimg.com/vi/wGCZHxKEo28/mqdefault.jpg)
2023-06-10
[React 까보기 시리즈]setState 를 여러번 호출하면 실제로 상태를 여러번 업데이트할까?(상태를 업데이트 하기 위해 queue 에 저장하고 소비하는 과정)
-
![[React 까보기 시리즈] useState 의 state 는 어떤 코드로 쓰여있나?!](https://i.ytimg.com/vi/7mU7ARgrpfI/mqdefault.jpg)
2023-06-03
[React 까보기 시리즈] useState 의 state 는 어떤 코드로 쓰여있나?!
-
![[React 까보기 시리즈] renderWithHooks 함수? useState 를 할당하는 과정 코드 까보기?!](https://i.ytimg.com/vi/XumwpoQyckA/mqdefault.jpg)
2023-05-27
[React 까보기 시리즈] renderWithHooks 함수? useState 를 할당하는 과정 코드 까보기?!
-
![[React 까보기 시리즈] useState 가 코드로 정의된 곳은 어디일까? reconciler 까지 찾아가기!](https://i.ytimg.com/vi/9OjyQ2rB0zg/mqdefault.jpg)
2023-05-20
[React 까보기 시리즈] useState 가 코드로 정의된 곳은 어디일까? reconciler 까지 찾아가기!
-
![[React 까보기 시리즈] Virtual DOM 이 자바스크립트 객체라고? render phase 와 commit phase 로 나누어서 동작 원리 살펴보기](https://i.ytimg.com/vi/2EbCEluOO9Y/mqdefault.jpg)
2023-05-13
[React 까보기 시리즈] Virtual DOM 이 자바스크립트 객체라고? render phase 와 commit phase 로 나누어서 동작 원리 살펴보기
-
![[React 까보기 시리즈] React 구성요소인 reconciler, renderer 등의 내부 패키지 & fiber, rendering 등의 용어 정의](https://i.ytimg.com/vi/Cozfyv57JiY/mqdefault.jpg)
2023-05-06
[React 까보기 시리즈] React 구성요소인 reconciler, renderer 등의 내부 패키지 & fiber, rendering 등의 용어 정의
-
2023-04-29
React 까보기 시리즈 개요(feat. Fiber vs Stack)
-
2022-03-22
React component, element, instance 끝내기
-
2021-11-23
브라우저에 URL을 입력하면 어떤 과정이 진행될까?
-
2021-11-13
브라우저에 URL 을 입력하면? 크롬 브라우저 아키텍쳐의 장점과 한계점
-
2021-11-01
브라우저에 URL 을 입력하면? 멀티 프로세스 브라우저의 아키텍쳐
-
2021-10-25
브라우저에 URL 을 입력하면? CS 기본부터 공부하기
-
2021-10-19
초간단 비동기 렌더링 React Suspense
-
2021-10-11
script 태그는 어떻게 외부자원을 가져오나(async, defer)
-
2021-10-04
이벤트위임 활용 2 - 행동패턴
-
2021-10-02
이벤트 위임의 정의와 활용
-
2021-09-27
readyState 와 페이지 로드 이벤트
-
2021-09-20
페이지 로드 이벤트(Load, beforeUnload, Unload)
-
2021-09-13
DOMContentLoaded(Load 와 차이)
-
2021-09-11
이벤트 캡쳐링
-
2021-09-09
이벤트 버블링 (기초부터 코드로 설명)
-
2021-08-11
Browser rendering process 3편 - Browser rendering optimization
-
2021-07-23
Recoil: 비동기 데이터 전역 상태로 관리하기
-
2021-07-14
Recoil : 리액트 상태 관리의 새로운 패러다임
-
![[비전공자를위한 알고리즘] Dynamic Programming (백준 9095번)](https://i.ytimg.com/vi/lF6XpRoJL1Q/mqdefault.jpg)
2021-06-26
[비전공자를위한 알고리즘] Dynamic Programming (백준 9095번)
-
2021-05-31
SSR과 CSR 이 영상 하나로 끝내기! (SEO 해결 포함)
-
![[Javascript]동기와 비동기 프로그래밍의 등장 배경과 구현 방식](https://i.ytimg.com/vi/OITMfwqmUNY/mqdefault.jpg)
2021-05-17
[Javascript]동기와 비동기 프로그래밍의 등장 배경과 구현 방식
-
2021-05-13
왜 웹개발인가? 앞으로 어떤 컨텐츠를 올릴까?
-
2021-03-27
Execution Context(실행 컨텍스트) 생성과정 (hoisting 설명 포함)
-
![[JavaScript] 가비지 컬렉터란? 2편 메모리 누수를 방지하는 팁!](https://i.ytimg.com/vi/q7AIfvWg1EE/mqdefault.jpg)
2021-03-25
[JavaScript] 가비지 컬렉터란? 2편 메모리 누수를 방지하는 팁!
-
![[JavaScript] Execution Context(실행 컨텍스트) 정의와 종류](https://i.ytimg.com/vi/AbNc8_poxu4/mqdefault.jpg)
2021-03-25
[JavaScript] Execution Context(실행 컨텍스트) 정의와 종류
odevtube: 개발 관련 유튜브
