상호작용이 있어도 동적인 페이지라면 RSC만 보내나요?

안녕하세요 이정환입니다. 결론부터 말씀드리면 프리페칭 시에는 프리페칭 대상 페이지가 동적인 페이지로 설정되어 있다면 클라이언트 컴포넌트가 존재한다고 하더라도 JS Bundle을 불러오지 않습니다. 따라서 /book/[id] 페이지(/book/1 포함)에 클라이언트 컴포넌트가 포함되어 있다고 하더라도 JS Bundle은 로딩되지 않습니다. 참고로 상호작용이 있다 없다를 판가름 하는 기준은 해당 페이지의 클라이언트 컴포넌트가 포함되어 있느냐 없느냐를 기준으로 판단한다는 점도 함께 기억해주시면 좋을 것 같습니다.

Viewer.css관련 질문

안녕하세요 이정환입니다. 퍼블리싱이나 CSS 스타일링 쪽 코드에서 문제가 발생한 것으로 보입니다. 빠르게 문제 사항을 직접 점검해보시려면 아래의 강의 코드를 참고하셔서 윤기님의 코드와 어떤 부분이 다른지 찾아보시면 좋을 것 같아요 (12.16 챕터의 코드입니다) https://github.com/winterlood/onebite-react-v2/tree/main/section12/chapter16 현재 윤기님의 코드를 제가 확인할 수 없어 정확히 어떤 이유로 문제가 발생한 것인지는 모르겠네요 😃 질문 가이드라인에 작성해드린대로 정확한 원인 분석을 위해서는 프로젝트 코드가 필요합니다. 코드 올려주시면 추가로 살펴보겠습니다.

deleteReviewAction 에서 _: 타입 질문

안녕하세요 이정환입니다. 만약 any를 절대 사용하지말자는 컨벤션이 정해졌을 경우 never 보다는 unknown이 적절할 듯 합니다. never 타입의 변수에는 아무런 타입의 값도 저장될 수 없기 때문에 _ 매개변수를 never 타입으로 정의하면 액션 호출 자체에 문제가 발생할거에요 그러므로 모든 타입의 값을 다 저장할 수 있는 unknown 타입을 활용하시는게 좋을 것 같습니다. 그리고 그게 any보다 훨씬 안전하게 활용할 수 있기도 하겠네요 😃

css 파일 작성시 > 표시 여부

안녕하세요 이정환입니다. CSS의 > 표시는 "바로 아래에 있는" 이라는 의미를 갖습니다. 공식 명칭은 "자식 결합자" 입니다. 예를들어 .container > .header 의 의미는 .container 클래스 바로 아래에 있는 .header 클래스를 의미합니다. HTML 구조로 표현하면 다음과 같겠네요 자세한 내용은 아래의 공식문서를 참고하시면 좋을 것 같습니다. https://developer.mozilla.org/ko/docs/Web/CSS/Child_combinator

로컬스토리지

안녕하세요 이정환입니다. 음.. 올려주신 코드만으로는 큰 문제는 없어보입니다. 전체 프로젝트를 다 확인하기 전에는 문제의 정확한 원인을 식별할 수 없기 때문에 질문 가이드라인에 작성해드린대로 깃허브에 코드를 업로드 하신 다음 전달해주시면 살펴보겠습니다. 어려우시다면 강의에서 알려드린대로 브라우저의 로컬스토리지에 데이터가 잘 저장되고 있는지 확인해 보셔야 할 것 같습니다. 데이터를 꺼내오는게 문제가 되고 있는 것인지, 저장하는 과정에서 문제가 발생하는 것인지 정확한 문제 식별이 이루어지면 해결책을 찾으실 수 있을겁니다. nextState는 state의 값이 바뀔때라기 보다는 그냥 reducer 함수가 새롭게 호출되면 매번 초기화 됩니다. (reducer 함수가 값을 반환하면 그때 State의 값이 변화하는 것이기 때문에 그렇습니다) 또 자바스크립트의 함수내에 선언된 모든 변수는 함수가 다시 호출되면 당연히 초기화가 이루어집니다. nextState 변수는 그저 이번 reducer 함수의 실행 중에 로컬스토리지에 저장할 일기 데이터를 담는 임시 변수일 뿐입니다. 따라서 초기화 되지 않는것이 더 문제를 일으킬 가능성이 높기에 당연히 초기화 되어야 합니다.