11.1 app 디렉터리 라우팅layout.js페이지 탐색 중에 리렌더링을 수행하지 않음(= props로 searchParams를 받을 수 없음)search parameter만 다르게 라우팅을 시도하는 경우 layout을 리렌더링하는 것이 불필요하기 때문 error.js레이아웃 내부에 에러 바운더리 존재- 클라이언트 컴포넌트여야 함- reset을 props로 받음- 같은 수준의 layout에서 에러가 발생할 경우 상위 error.js로 이동 route.jsHTTP 요청route.js가 존재하는 폴더 내부에는 page.js가 존재할 수 없음 11.2 리액트 서버 컴포넌트11.2.1 기존 리액트 컴포넌트와 서버 사이드 렌더링의 한계서버 사이드 렌더링정적 콘텐츠를 빠르게 제공, 서버에 있는 데이터를 손쉽게 제..
macOS v105 기준 7.2 요소 탭스타일요소와 관련된 스타일 정보(+선언된 파일)계산됨CSS 적용 결괏값레이아웃CSS 그리드, 레이아웃 관련 정보이벤트 리스너현재 요소에 부착된 이벤트 리스너(버블링으로 발생하는 상위 요소의 이벤트 포함)DOM 중단점중단점 위치- 중단점을 설정하면 브라우저가 렌더링을 중단하고 해당 요소 변경을 일으킨 소스코드를 보여줌속성해당 요소가 가지고 있는 모든 속성값접근성스크린리더기 등이 활용하는 값 7.3 소스 탭중단점을 생성하여 소스코드를 오염시키지 않고 디버깅할 수 있음사용 중인 라이브러리에 버그가 있는지 확인할 때, 소스코드의 작동을 확인하고 싶을 때 유용감시디버깅 시점의 특정 변수값을 알고 싶을 때 해당 변수의 정보중단점소스 탭에서 추가한 모든 중단점범위현재 중단점에서..
4.1 서버 사이드 렌더링이란4.1.1 싱글 페이지 애플리케이션렌더링과 라우팅에 필요한 대부분의 기능을 서버가 아닌 브라우저의 자바스크립트에 의존하는 방식최초 페이지(html)에서 데이터를 불러오고 페이지 전환은 자바스크립트와 브라우저의 history.pushState, history.replaceState로 이루어짐최초에 로딩해야 할 자바스크립트 리소스가 크지만 한 번 로딩된 이후에는 서버를 거쳐 리소스를 받아올 일이 적기 때문에 UIUX 측면에서 장점 싱글 페이지 렌더링 방식의 유행과거 PHP, JSP를 기반으로 웹 애플리케이션이 만들어졌을 때는 대부분의 렌더링이 서버 사이드에서 이뤄짐- 자바스크립트는 보조적인 수단이었음 자바스크립트가 다양한 작업을 수행하게 되면서 자바스크립트 모듈화 방안이 논의됨 ..