안녕하세요, 강의 영상을 보면 Body나 Param를 입력하면 맨 위에 import가 자동으로 되던데 vsc extension의 기능인가요?

getStaticProps강의의 2분대에 나오는 코드를 동일하게 작성하고 npm run dev를 입력해서 localhost:3000/section1/getStaticProps 로 접속을 했는데 개발자도구에서 보니 계속 pending으로만 되어있고 빈 화면으로 계속 로딩중 상태에서 변화가 없는데 왜그런건가요? 콘솔에 별다른 에러도 안뜹니다 getStaticProps함수를 주석처리해주면 정상적으로 접속이 되는데 해당 함수를 사용하기만 하면 이렇게 접속이 안돼요

server state 관리를 swr 말고 react-query를 사용하려고 합니다.아래와 같이 해당 queryKey를 가지고 stores에 대한 data를 전역으로 관리하고 싶었는데, fetchFunction 자리에 stores props가 들어갈 수 없어서 처음에 어떻게 initialdata를 가져올 수 있을지 잘 모르겠습니다.. react-query는 수업때 배우진 않지만 혹시 아시는 부분이 있다면 알려주시면 감사하겠습니다 !!const { data } = useQuery([queryKey], fetchFun)

섹션 6에서 CRS vs SSR 하나의 프로젝트에 2개를 번갈아가면서 구현된다는 말씀이 있는데, 마이크로프론트엔드를 말씀하시는걸까요? 아님 다른 방법이 있나요?

7:10 부터 강의가 끊겨있습니다.

강의에 나온 https://www.npmjs.com/package/next-sitemap 라이브러리를 받고문서 따라서 server side sitemap (getServerSideSitemap) 을 보고문서대로 경로 만들고 라우터 만들어서getServerSideSitemap() 로 리턴하여 사이트맵을 생성하였습니다..next 에 server-sitemap.xml.body이 잘 만들어졌습니다문제는 한 파일에 15만개가 넘게 작성이 된 것입니다.구글 검색엔진에서 사이트맵의 URL 50,000개로 제한두고 있습니다.문서따라서 config 에 sitemapSize: 10000,설정을 적용하여도 스플릿팅 되지 않습니다. 어떻게 해결해야 하나요? node: 18.15.0"next-sitemap": "4.0.9""next": "^13.4.2",

  포트포워딩으로 외부에서 db에 접속가능하게끔 포트 뚫어주고 테스트 해봤습니다. build한뒤 start 했을때 해당 local db에 데이터 삽입 되는거 까지 확인했고 폰으로 와이파이 연결끊고 접속도 해서 적용되는것 또한 테스트 해봤습니다. 하지만 vercel에서 배포를 하게되면 요청은 처리 되지만 Application error: a client-side exception has occurred (see the browser console for more information). 해당 오류가 발생하게 되네요.prisma + mysql db 사용중입니다. env 설정, axios url까지 다 맞는데 왜 안되는걸까요...? vercel postgre beta 버전으로 연동하면은 되기는 하지만 저는 local db에 연결해서 배포를 하고 싶습니다. 하지만 찾아봐도 vercel이랑 db 연동하는 방법은 잘 나오지않네요. 

const stores = (await import('../public/stores.json')).default;라고 next api routes로 변경전에 json 파일을 가져오는데, '.default' 를 붙이는 이유가 있을까요?정확히 무슨 의미인지 알고 싶습니다.

안녕하세요 영한님영한님의 새로운 도전 응원 드린다는 말씀 먼저 드립니다. 😄 질문이 있습니다. Service Layer에서 발생한 Exception을 @ControllerAdvice를 통해 예외처리하는 방법 말고바로 예외가 발생한 페이지 View(Thymeleaf)로 예외처리에 대한 결과를 전달할 수 있는 방법이 있을까요? 예를 들어 회원 탈퇴 Service에서 Exception이 발생하면 그 결과를 회원 탈퇴 View에 예외를 전달하는 것 입니다. 제가 고민해본 결과 2가지 방법이 있는것 같습니다.Service Layer에서 발생한 예외를 커스텀하게 처리하여 BindingResult를 통해서 원하는 View로 전달@ControllerAdvice에서 @ExceptionHandler(Exception.class)설정하여 각 페이지에 대하여 ModelAndView를 이용하여 전달  아래는 Service Layer에서 예외처리를 하는 예시코드 입니다. MemberController@Controller @RequiredArgsConstructor public class MemberController { private final MemberService memberService; // 회원 탈퇴 @PostMapping("/withdrawal") public String withdrawal(@ModelAttribute("form") WithdrawalForm form) { // 회원 탈퇴 로직 memberService.withdrawalMember(form.getUserId()); return "redirect:/user/login"; } } MemberServiceImpl@Service @Transactional @RequiredArgsConstructor public class MemberServiceImpl implements MemberService { private final MemberRepository memberRepository; // 회원 탈퇴 @Override public void withdrawalMember(String userId) { // 회원 조회 Optional<Member> optionalMember = memberRepository.findByUserId(userId); Member findMember = optionalMember.orElseThrow(() -> new IllegalArgumentException("존재하는 회원이 없습니다.")); // 회원 삭제 memberRepository.delete(findMember); } }  감사합니다.

안녕하세요.명쾌하고 좋은강의 잘 듣고 있습니다.다름이 아니오라 강사님께서 추천해주신 admin 라이브러리인 adminJS 관련해서 해당패키지를 다움받고나서 모듈자체를 불러올 수 없다는 오류가 계속 생기고 있습니다.공유해주신 깃헙코드 기준으로 거의 똑같이 작성해보았습니다. 하지만pakage.json등에도 모두 잘 기록되어 있는데, 어떤 문제가 있는지 몰라 문의 드립니다. 관련 라이브러리는 nestJS에서 사용이 가능한 상태인가요? nestJS가 버전업되면서 사용할 수 없게 되었는지 궁금합니다.

안녕하세요.명쾌하고 좋은강의 잘 듣고 있습니다.다름이 아니오라 강사님께서 추천해주신 admin 라이브러리인 adminJS 관련해서 해당패키지를 다움받고나서 모듈자체를 불러올 수 없다는 오류가 계속 생기고 있습니다.pakage.json등에도 모두 잘 기록되어 있는데, 어떤 문제가 있는지 몰라 문의 드립니다. 관련 라이브러리는 nestJS에서 사용이 가능한 상태인가요? nestJS가 버전업되면서 사용할 수 없게 되었는지 궁금합니다.

<Link href={`/search/${storeName}`}>{`${idx + 1} ${storeName}`}</Link>이렇게 만들고 링크된 페이지는 (href로 이동하는 페이지는) sass + css.module로 스타일링 하고 있습니다이 경우사진과 같은 경고 메세지가 나옵니다.(링크를 hover 시 css 파일을 미리 가져오는데 사용되고잇지 않은 상태)https://nextjs.org/docs/pages/api-reference/components/link#if-the-child-is-a-tag를 보고<Link href={href} passHref legacyBehavior> <RedLink>{name}</RedLink> </Link>와 같이 작성하엿으나 여전히 문제가 지속됩니다.이 경고메세지의 해결방법을 알수있을까요?비슷한 문제인건지 정확하게 확인은 안했지만본 강의 마지막 커밋에서도 동일한 경고가 발생합니다.

안녕하세요~버셀에 프로젝트를 베포할때 .env 파일에 있는NEXT_PUBLIC_NCP_CLIENT_ID와 키넘버를 vercel에 직접 입력했는데요..env 파일도 있고요. 결론적으로 둘다 입력하고 파일을 가지고 있는 경우에는 네이버 클라우드에 도메인을 등록하더라도 API Key 인증에 실패되나요?페이지를 새로고침 했을 시 지도가 잠깐 정상적으로 떳다가 바로 인증에 실패했다고 뜨지 않습니다 ㅠㅠ

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 저는 지금 막 시작한 코린인데요 . 지금 사실 최신 버신에서는 설치할떄 물어보는게 많더라구요. 그런데 영상처럼 설치후에, npm run dev를 했는데 에러가떠서 영상에는 제가 잘못아는진모르겟지만 자세히설명이안되있어서 막혀있습니다 ㅠㅠ어떡하죠?

안녕하세요. postgreSQL 셋업 과정 중에서 오류가 발생하여 질문 드립니다.강의대로 pg admin에 연결하면 다음과 같은 오류가 발생합니다.Unable to connect to server: FATAL: password authentication failed for user "mslee"아래 stackoverflow에서 확인한 결과 인증문제 같은데요.pg_hba.config 파일을 수정하면 인증문제를 해결할 수 있다고 해서 시도해봤지만 컨테이너에서 vi, vim으로 config 파일을 수정할 수 없어서 문제를 해결하지 못했습니다.문제 해결에 도움을 요청드립니다!https://stackoverflow.com/questions/7695962/password-authentication-failed-for-user-postgres컨테이너는 잘 띄워진 상태입니다.env파일도 잘 입력되어 있습니다.# app NODE_ENV=development PORT=5000 ADMIN_USER=mslee ADMIN_PASSWORD=1234 SECRET_KEY=sdafasdfasd DB_USERNAME=mslee DB_PASSWORD=1234 DB_HOST=localhost DB_PORT=5433 DB_NAME=inflearn # db POSTGRES_DB=inflearn POSTGRES_USER=mslee POSTGRES_PASSWORD=1234

안녕하세요.강의를 듣고 포스트맨으로 파일을 올리고 있습니다.영어파일명은 파일명이 정상적을 변환되는데한글파일명은 파일명이 깨져서 변환됩니다.-물리적 파일명도 깨지고 디비에도 깨진파일명이 저장됩니다. 깨진파일명으로 크롬에서 불러오면 에러가 납니다.한글파일명을 해결할수 있는 방법이 있을까요?

보시다시피 id값을 찾지를 못하네요.혹시 해결하시분 계실까요  

export const getStaticPaths: GetStaticPaths = async () => { const stores = (await import('../public/stores.json')).default; const paths = stores.map((store) => ({ params: { name: store.name } })); return { paths, fallback: false }; }; export const getStaticProps: GetStaticProps = async ({ params }) => { const stores = (await import('../public/stores.json')).default; const store = stores.find((store) => store.name === params?.name); return { props: { store } }; };getStaticPaths에서 리턴하는 paths가 getStaticProps 매개변수 params인가요??

안녕하세요. 강의 잘 보고 있습니다. 질문이 몇가지있어 문의드립니다. 1. Private Route 관련로그인된 유저만 접근할 수 있는 페이지 라우팅 경로를 아래와 같이 만들어 볼려고 하는데 next-auth에 useSession, getServerSession 으로 페이지 마다 각각 접근 제한하는 방식 말고 app/my 폴더에서 하위에 모두 접근을 제한 하는 방식이 있는지 궁금하여 문의 드립니다.app/my/profiles/page.tsx app/my/membership/page.tsx app/my/qna/page.tsx   2. API 공통 에러 처리 관련API호출시 not-found.tsx를 사용해서 API 경로 404를 json으로 보내줄 수 있는지 궁금합니다.그리고 app/api/test/route.ts 에서 각각 try catch로 익셉션을 체크 해서 http 500을 리턴하는 방식말고 middleware에서 공통으로 오류 처리를 할수 있는지 궁금합니다.middleware.ts로 로그인 체크 하는 코드는 많이 검색이 되는데 공통으로 오류 처리는 검색이 딸려서 그런지 찾을수가 없네요. 

안녕하세요, 강의 잘 듣고 있습니다.18강에서 궁금한 점이 있어 질문드립니다. useStores 함수에서 return 값에 다음과 같이 괄호가 들어가 있는 이유가 무엇인가요?return { initializeStores, } 답변 주시면 감사하겠습니다.