우선 리액트 한 번도 안해보고 바로 시작해본거라 기초지식이 없는 것 감안해주세요(js도 안해봐서 유튜브 보고 기본만 습득)
Part1의 여러페이지 만들기 강의에서 cart에 layout 만들어보라고 하시길래
그냥 메인 layout(제일 처음 있는 layout) 복붙에서 내용만 바꿨는데요
```
export default function CartLayout({ children }) {
return (
<html lang="en">
<body>
<div>
서브레이아웃
</div>
{children}
</body>
</html>
)
}
```
Error: Text content does not match server-rendered HTML. Warning: Text content did not match.
Server: "HomeList" Client: "서브레이아웃"
이렇게 뜨면서 메인레이아웃 안보이고 서브레이아웃만 보여요
그래서 아래처럼 바꿨는데
```
// <div></div> 제거</pre>
<pre>export default function CartLayout({ children }) {
return (
<html lang="en">
<body>
서브레이아웃
{children}
</body>
</html>
)
}</pre>
<pre>```
이렇게 하면 또 되네요? 둘 차이점이 뭔가요??
그리고 {children}이 부모한테 넘겨주는 걸로 알고 있는데 메인 layout도 {children}을 쓰시던데 해당 파일이 가장 상위 파일이 아니여서 그렇나요?
