javascript

html html (after)

script htmlcss

페이지 이동 했을 때 특정 dom의 Top 위치로 이동하고 싶은데 더 밀려서 내려가는 경우가 있다.그럴 땐 document.querySelector('html').scrollTop = 0 해준 후 원하는 scrollTop 위치로 이동시킨다

Unexpected Server ErrorTypeError: vite_ssr_import_0.jsxDEV is not a functionpackage.jsonvite.config.tsnpm run dev

🐢 hydration에 대해서

hydration 공부 이어서 ㄱㄱ

streaming SSR, selective hydration 개념정리!

concurrent rendering 공부

Time slicing 공부 📖

Fiber architecture 리액트가 화면 업데이트 작업을 더 잘게 쪼개서, 우선순위를 나누고, 중간에 멈췄다가, 다시 이어서 할 수 있게 만든 내부 구조.

이전 Virtual DOM 트리와 새로운 Virtual DOM 트리를 비교하는 비용이 얼마나 드냐는 얘기이다.

structural sharing이란… 바뀐 부분만 새로 만들고, 안 바뀐 부분은 기존 걸 그대로 재사용하는 것.

immutable data patterns immutable data patterns는 데이터를 직접 바꾸지 않고, 바뀐 것처럼 “새 데이터”를 만들어서 쓰는 방식이다.

시작하기 전에 클로저는 함수가 만들어질 때 자기 바깥에 있던 변수를 기억하는 것이다. 예시 : outer()는 이미 실행이 끝났으므로 outer 안에 있던 name도 사라질거같지만, fn()을 실행하면 여전히 ‘뽀야미’가 출력된다. 좀 더 풀어 말하면, inner 함수는 자기 내부에 name이 없기 때문에, 자신이 만들어진 렉시컬 스코프인 oute...