inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

(미션) 레이아웃 분리하기 - 풀이

스니펫이 이상해요

31

작성자 없음

0

제공해주신 스니펫을 적용해 nlayout 을 쳤는데 맥북 최상위루트부터 아예 싹다 파일경로가 입력되고있어요


export default function ~/Documents/.../section04/04-04/src/app/(auth)({ children }: Readonly<{ children: React.ReactNode }>) {
  return <>{children}</>;
}

javascript react typescript next.js jwt

답변 2

0

수코딩

안녕하세요.

제공해드린 스니펫을 정확하게 입력하셨는지 한 번 확인 부탁드리겠습니다.

인프런 인턴 답변처럼 '스니펫의 함수명 부분이나 변수 치환 설정이 잘못 등록된 경우 발생할 수 있습니다'

감사합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 5647kr님.

스니펫 실행 시 함수명에 ~/Documents/...와 같은 파일 경로가 입력되는 것은 스니펫의 함수명 부분이나 변수 치환 설정이 잘못 등록된 경우 발생할 수 있습니다. 강의에서 제공한 스니펫을 다시 등록한 뒤, nrlayout 입력 시 경로가 아닌 RootLayout과 같은 함수명이 생성되는지 확인해 보세요.

관련 답변에서 안내한 것처럼, 먼저 VS Code에 커스텀 스니펫을 등록한 다음 nrlayout을 사용해야 합니다.

02-04 layout.tsx 구조가 달라요

해당 답변에서도 스니펫 등록 방법과 nrlayout 사용 방법을 안내하고 있으며, 프로젝트 구조가 강의와 조금 다르더라도 학습에는 큰 문제가 없다고 설명하고 있습니다. 스니펫을 다시 등록한 후에도 동일한 현상이 발생한다면, 등록된 스니펫의 body에서 함수 선언 부분이 아래와 같이 되어 있는지 확인해 주세요.

export default function RootLayout({
  children,
}: Readonly<{ children: React.ReactNode }>) {
  return <>{children}</>;
}

특히 함수명 자리에 ${TM_DIRECTORY} 또는 파일 경로를 반환하는 변수가 들어가 있지 않은지 확인해 보시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

11차시 Antigravity IDE 설치 후

0

5

1

2605 이후 최신 클로드코드 강의 추가 부탁드립니다.

0

6

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

6

0

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

8

1

mission 09-01 을 수행할 수 없어요

0

16

1

모든 컴포넌트를 클라이언트 컴포넌트로 했을 때

0

32

3

쿠키 생성 관련

0

80

3

JWT auth error invalid token

0

78

2

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

77

1

lucide react 아이콘 설치

0

104

2

02-04 layout.tsx 구조가 달라요

0

112

2

10-6 실습 할 수 없습니다..

0

125

1

그림 예제는 따로 제공이 안되나요?

0

105

1

cacheLife에 대한 질문입니다

0

97

1

(제보) 쿠키를 브라우저 개발 환경에서 직접 삽입했을 때 나오지 않는 현상

0

110

2

디스코드 채널 초대 링크

0

144

1

revalidatePath 질문 있습니다.

0

104

2

MainLayout이 중첩되어 뜨는 문제

0

107

2

쿠키와 헤더

0

89

2

구지 react를 사용하는 이유가 그럼 있는가?

0

120

1

FormEvent가 deprecated 되었다고 합니다.

0

495

2

터보백이 안보입니다

0

97

2

젯브레인 웹스톰(jetbrains webstorm) 사용하시는 분들 참고

0

168

2

소스 코드 다운로드는 어디서 하나요.

0

117

2