173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
동적 메타데이터를 적용하려고 합니다. 메타데이터가 위치해야하는곳에 대해서 궁금한데요 generateMetadata 함수는 layout 혹은 page.tsx 에만 위치해야 하나요? page.tsx 안에서 import 한 컴포넌트안에 넣었더니 적용이 안되길래 여쭤봅니다
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
혹시 서버 컴포넌트에서만 비동기 호출이 가능한건가요?? 그렇다면 서버 컴포넌트가 컴포넌트를 서버 내에서 미리 만들어 둘 때, 비동기 호출을 통해 데이터를 가져와서 이 값을 미리 가져와서 컴포넌트를 만드는 건가요?? 그리고 만약 그렇다면 왜 서버 컴포넌트에서만 비동기 호출이 가능하도록 만드신 건지 의도를 아시고 계신지 궁금합니다! (단순히 서버 컴포넌트의 장점 때문인건가요??) 그리고 강의의 진행은 SSR을 사용한다는 가정하에 진행해주셨던 게 맞나요?? (SSG도 동일한 건가요?)
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
질문 가이드 📖 안녕하세요. 강의 중 날씨 데이터 재검증하기 부분에서 코드를 강사님 코드를 따라하다가 시간 api fetch 부분에서 아래와 같은 에러가 발생이 되어서 질문 드립니다. 강사님 코드를 깃에서 받아서 IDE (vscode, webstorm) 열어봐도 똑같은 현상이 보입니다. 혹시 이런 부분에 대해서 알고 계신 내용이 있으시다면 답변주시면 감사드리겠습니다. 참고로 노드 버전은 20.9.0입니다!
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
SSR 방식에 서버 컴포넌트와 클라이언트 컴포넌트를 둘 다 적절히 사용하는 것인가요?? 서버 컴포넌트는 데이터 페칭, 보안, 캐싱, JS 번들크기 감소와 같은 장점이 있고 event와 hook을 사용하지 못한다는 특징도 이야기해주셨는데, 그렇다면 데이터를 받아서(페칭해서) 클라이언트 컴포넌트에 데이터를 뿌려주는 느낌으로 조합해서 사용하는 건가요?? 서버컴포넌트는 event를 사용하지 않으므로, TTI를 개선하기 위해 나온 개념은 아닌거죠???
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
안녕하세요 조은님! 완강 후에 Data Fetching 관련해서 질문 드릴게 있어서 왔습니다. Q. Next 12에서는 정적인 페이지와 주기적으로 데이터 값이 바뀌어야 할 때 (SSG, SSR) 등 상황에 맞게 Data Fetching을 사용하고 있었는데 Next 13에서는 Server component 만으로 SSG와 SSR을 대체가 가능한걸까요? Q. 강의에서 데이터를 가져올 때 fetch를 사용하셨었는데 Server component에서는 fetch 말고 axios를 사용해도 상관없는지 궁금합니다. Q. 저는 아래와 같이 axios를 사용해서 Time 데이터를 가져왔는데 캐시 비우기 버튼을 누르지도 않았는데 새로고침 할 때 마다 초가 계속 바뀌더라구요(disabled cache 체크 안했습니다!) 그래서 fetch로 바꾸어서 해봤더니 강의에서 나온 것 처럼 잘 동작하고 있었습니다. 혹시 어떤 차이가 있는건지 궁금합니다. import customAxios from "./customAxios"; import { METHOD } from "@/type/common"; export const getTime = async (timeZone: string) => { const data = await customAxios( METHOD.GET, `https://timeapi.io/api/Time/current/zone?timeZone=${timeZone}`, { next: { tags: ["time"] } } ); return data; };
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
챕터3-2 useRouter 를 import하는데 navigation router 는 import 가 되지 않네요.. 혹시 따로 설치를 해야하는 부분인가요?
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
안녕하세요! 캐싱 관련하여 질문드립니다. 날씨 데이터 재검증하기 챕터에서 강의를 봤을 때는 새로고침을 해도 기존 응답값을 캐싱해서 보여주는 것 같은데 제가 따라해봤을 떄는 새로 고침시에는 apI를 새로 불러와서 보여주고 라우팅 이동 중에는 캐싱된 값을 보여주고 있습니다. 그래서 깃헙에 있는 코드를 클론 받아서 실행을 해봤는데 마찬가지로 새로고침시 시간이 유지되지 않고 변경이 됩니다. 현재 상황은 이런데 어떤 부분을 확인하면 좋을까요? 영상 첨부합니다.
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
"NEXT_PUBLIC_" prefix 는 Browser를 위한거라 서버컴포넌트에서는 반드시 넣을 필요는 없는 것 같네요ㅎㅎ https://nextjs.org/docs/app/building-your-application/configuring/environment-variables#bundling-environment-variables-for-the-browser
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
이런식으로 출처만 나타나고 이미지가 보이지 않아요
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
질문 가이드 📖 강의에서 이해가 안가는 부분이 있나요? 강사님께서 hydration이라고 언급하셨는데 정확히 어떠한 개념인지 설명해주실 수 있나요?? Next.js 공부 1년동안 했는데도 개념이 모호하네요.. 😅 좋은 퀄리티의 강의 감사합니다.
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
Vercel로 배포한 사이트에서 캐시 비우기가 잘 안되는거 같아요. Next.js 앱 단 외에 Vercel쪽에서도 캐싱이 되는건가요? 만약 그렇다면 "캐시 비우기" 버튼 구현을 어떻게 하면 될까요? 강의 너무 유익하고 잘 들었습니다 😊
해결됨
손에 익는 Next.js - 공식 문서 훑어보기
노트북에서 보면 프로젝트 디렉토리 폴더/파일들이 너무 작아서 안보이네요.
