Next.js 13 - 2. 샘플앱 세탁
Vložit
- čas přidán 13. 09. 2024
- 총 18개의 동영상으로 이루어진 Next.js 수업입니다.
전체수업은 아래 채널에서 볼 수 있습니다.
opentutorials (권장)
- opentutorials....
youtube 재생목록
- • Next.js 13- 0. Next.js...
선행학습 :
React : seomal.com/map...
생활코딩 소식 메일링 리스트 :
page.stibee.co...
생활코딩 인스타 그램 :
/ coohde
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_ 파일만 남겨두고 내부 코드 삭제.
최신버전에서 설명해주시니 좋네요~ 개발자인데 참고하고있슴다!
안녕하세요 nextjs로 포트폴리오 만들기 보다가 안되어서 여기로 넘어왔습니다. src/app밑에 layout.js 파일이 있어야 하는데 layout. tsx 밖에 없어요 무슨 이유일까요??
create-next-app을 할 때 tyscript로 하셔서 그렇습니다. js로 진행하셔야 해요
감사합니다~ @@coohde
1등❤