Next.js 13 - 2. 샘플앱 세탁

[@user-sj3xr8ow2e]

00:10 _src/app/layout.js_ 는 앱의 골격을 의미함. _크롬 개발자도구-요소_ 열면 구성되어 있는 html과 body는 _layout.js_ 에 들어 있음. 01:08 개발자도구의 body 안 main 태그는 개발자도구에서 봤을 때 복잡한 className을 가지고 있음. 이 main태그는 _layout.js_의 body 태그 안 _{children}_에 해당되는데, _{children}_ 은 _src/app/page.js_ 가 리턴한 값임. 02:20 _layout.js_ 에 import되어 있는 _globals.css_ 파일 때문에 배경색 등이 검정색인 것. _globals.css_ 파일만 남겨두고 내부 코드 삭제.

[@jaewoojeong-q7z]

최신버전에서 설명해주시니 좋네요~ 개발자인데 참고하고있슴다!

[@지연이-l4b]

안녕하세요 nextjs로 포트폴리오 만들기 보다가 안되어서 여기로 넘어왔습니다. src/app밑에 layout.js 파일이 있어야 하는데 layout. tsx 밖에 없어요 무슨 이유일까요??

[@coohde]

create-next-app을 할 때 tyscript로 하셔서 그렇습니다. js로 진행하셔야 해요

[@지연이-l4b]

감사합니다~ @@coohde

[@eilhwanjeon2940]

1등❤