inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Chinh phục hoàn toàn Next.js 16+ với TypeScript: Từ cơ bản đến kiến trúc mới nhất

(Nhiệm vụ) Tách Layout - Giải pháp

스니펫이 이상해요

32

작성자 없음

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

Câu trả lời 2

0

sucoding

안녕하세요.

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

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

감사합니다.

0

communityai8509

안녕하세요, 인프런 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} 또는 파일 경로를 반환하는 변수가 들어가 있지 않은지 확인해 보시기 바랍니다.

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

웹서비스 방법

0

5

0

강의 소스 코드는 어디서 볼수 있나여?

0

4

0

전체적인 개발에 대해 문의드립니다.

1

13

1

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

0

14

1

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

0

22

1

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

0

36

3

쿠키 생성 관련

0

83

3

JWT auth error invalid token

0

80

2

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

0

79

1

lucide react 아이콘 설치

0

104

2

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

0

115

2

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

0

128

1

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

0

107

1

cacheLife에 대한 질문입니다

0

102

1

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

0

113

2

디스코드 채널 초대 링크

0

146

1

revalidatePath 질문 있습니다.

0

107

2

MainLayout이 중첩되어 뜨는 문제

0

109

2

쿠키와 헤더

0

89

2

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

0

122

1

FormEvent가 deprecated 되었다고 합니다.

0

501

2

터보백이 안보입니다

0

98

2

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

0

168

2

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

0

120

2