강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

상상님의 프로필 이미지
상상

작성한 질문수

한 입 크기로 잘라먹는 Next.js(v15)

3.3) 레이아웃 설정하기

3.3) 레이아웃 설정하기

해결된 질문

작성

·

60

0

5분55초쯤 설명하고 계시는 layout.tsx를 삭제하면 파일이 자동생긴다는 부분이 저는 생기지않는데 chatGPT한테물어보니 딱히 그런 기능은 Next에 없다고하는데 확장프로그램 차이일까요?

답변 1

1

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

Next.js 서버를 개발모드로 가동중인 상태에서는 Root Layout 역할의 layout.tsx를 삭제하면, 브라우저를 새로고침하거나 서버를 재시작할 때 Next.js가 자동으로 기본 템플릿의 layout.tsx를 생성합니다. 이로 인해 프로젝트가 깨지지 않고 계속 동작할 수 있습니다.

물론 이는 개발 편의성을 위해 추가된 동작으로 Next.js의 버전에 따라 다르게 동작할 수 있습니다. 확장 프로그램의 차이는 아닙니다.

https://github.com/vercel/next.js/discussions/67752

상상님의 프로필 이미지
상상
질문자

말씀주신대로 제가 github에 기록용으로 올린다고 개발환경을 꺼놓고 여러가지 시도해서 안됐던게 맞는거같습니다!

  1. npm run dev로 사용중에 root의 layout.tsx를 삭제하면 원래파일과는 코드양이 줄었지만 기본적인 layout.tsx의 기본코드 파일을 생성하는게 확인됐습니다

  2. 개발환경이 꺼진상태로 layout.tsx를 삭제하면 바로 생기진 않지만 npm run dev로 재가동후 커맨드+R로 새로고침 했을 때 root에 기본적인 내용의 layout.tsx 파일이 생성되는게 확인됐습니다

문제해결했습니다. 감사합니다!

상상님의 프로필 이미지
상상

작성한 질문수

질문하기