강의간에 너무 간단하게 나와서 이부분부터 막힙니다.

마지막 강의가 잘린 것 같은데 올라오나요?

커서 ai가 갑자기 결제해야된다는 식으로 창이 뜨는데 시간 지나면 다시 무료로 써지나요?

안녕하세요 선생님!! 현재 Supabase Free Plan 데이터가 만료되어 초기화된 후 새 계정을 통해 Supabase 프로젝트를 다시 생성하고, 강의와 동일한 방식으로 테이블 구조 및 샘플 데이터를 수동으로 복구했습니다. 로컬 환경에서는 정상적으로 책 데이터 및 리뷰 패칭이 이루어지고 있으나, Vercel 배포 환경에서는 동일한 API 호출 코드로 요청을 보냈음에도 불구하고 책 데이터가 렌더링되지 않는 상황입니다. Network 탭에서는 응답 상태 코드가 200으로 표시되고 있으나, 정작 데이터가 화면에 나타나지 않고 “책 정보를 불러오는 중 오류가 발생했습니다” 라는 UI 메시지만 출력됩니다. 혹시 Vercel에서 Supabase 관련 추가 설정 또는 환경 변수를 다시 등록해야 하는 부분을 제가 놓친 것이 있을까요? 

Vercel에 연동하고 나니 다음과 같은 창이 뜹니다. 404 Not Found 에러가 떠서 해결을 하고싶은데, 어떤 것이 문제인지 잘 모르겠습니다. 우선 웹사이트를 따로 열어서 실행시키면 정상작동 됩니다.  

Vercel 배포를 위해 github에 레퍼지토리를 새로 형성하고 주소 복사를 한다음 터미널에 "git remote add origin (git 주소)" 명령어를 입력하니 다음과같은 오류가 납니다. 어떤 현상인지 알 수 있을까요?  

영상처럼 curl -X POST로 시작하는 명령어가 아닌, 다른 명령어가 나오는 거 같습니다. 어떤 점이 문제일까요? 포트는 3001으로 수정된 상태입니다.

안녕하세요 클론 코딩 인강을 듣고 있는 대학생입니다. 다름이 아니라, 제목처럼 localhost사이트에 접속하는 것이 제한되어 이렇게 문의드립니다. 위와 같이 연결할 수 없다는 에러가 발생하여 이에 대한 해결방법이 궁금합니다! 우선 현재 사용중인 랩탑의 프록시 설정 및 방화벽은 별도로 활성화하고 있지 않습니다.

PRD요청을위한 프롬프트.txt파일이 비어있어요 확인 부탁드려요

안녕하세요. 현재 vector를 확인해 봤을땐 vector가 없는데, vector 에러가 나지 않으면 그냥 진행해도 되나요? npx prisma migrate dev는 잘됩니다   

안녕하세요 선생님 이제 강의ㅣ를 수강시작하는 1인개발을 목표로 하는 직장인입니다.혹시 백엔드는 요번강의에서는 구축 해서 하는건 포함 안되어 있는건가요?? 실제로 만약 카페를 운영한다고 가정하면 구글 시트만으로는 실제 운영할 떄는 어렵겠죠??

다른 강의는 코드나 도큐먼트 작성 시 확대 줌으로보기 편하게 진행되고 있습니다.상대적으로 해당 강의는 전체 화면으로만 진행하다 보니 글자 크기가 너무 작아 가독성이 많이 떨어집니다. 참고 부탁 드립니다.

최근에 커서 ai 노트패드가 지원안한다라는것같은데이 부분 어떻게 해야할까요?

use client 가 선언되지 않아도 searchable-layout.tsx 에서 useEffect 가 동작 하는 이유는 무엇인가요?  제가 알기론 이런 클라이언트사이드 훅들은 use client를 최상위에 선언해줘야 동작한다고 이해했었습니다..

export async function getSearchResult({ queryKey }) { const [_1, _2, searchParams] = queryKey; const res = await fetch(api url, next: { tags: ["posts", "search", searchParams] }, cache: 'no-store' )}next tags를 사용하는이유가 revalidate를 하기 위해서인데fetch 옵션을 'no-store'로 주면 캐시가 되지 않는걸로 알고있어서 tags 사용안해도 되지않나요??

안녕하세요 제로초님! 강의 잘 듣고 있습니다.제가 현재 프론트엔드를 NextJS 14.xx(app router)로 작성하고 있고, 백엔드는 제로초님 강의 따라서 NestJS로 만들고 있는데 현재 연결은 로컬에서 HTTP로 하고 있습니다. 그런데 소켓을 연결하는 과정에서 계속 'WebSocket connection to 'ws://localhost:8080/socket.io/?EIO=4&transport=websocket' failed: WebSocket is closed before the connection is established.' 위와 같은 에러가 뜹니다. 이틀간 계속 검색해봤는데 도대체 왜 연결이 안되는지 모르겠습니다... ㅠㅠ 프론트는 현재 아래와 같이 되어있구요.localhost:3000으로 돌리고 있습니다.  "socket.io-client": "^4.7.4",import io from 'socket.io-client'; useEffect(() => { const options = { auth: `${getCookie('accessToken')}`, extraHeaders: { id: chatRoomId }, }; const socket = io(`http://localhost:8080/chats`, options); console.log(socket); socket.on('connect', () => { console.log('WebSocket connected.'); }); return () => { socket.off(); }; }, []); 백엔드는 아래와 같이 되어있습니다. import { Socket } from 'socket.io'; import { ConnectedSocket, MessageBody, OnGatewayConnection, OnGatewayDisconnect, OnGatewayInit, SubscribeMessage, WebSocketGateway, } from '@nestjs/websockets'; import { InjectRepository } from '@nestjs/typeorm'; import { Repository } from 'typeorm'; import { Message } from './entity/message.entity'; import { Logger } from '@nestjs/common'; @WebSocketGateway({ namespace: 'chats', cors: true, }) export class ChatsGateway implements OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect { private logger = new Logger('CHAT-SERVICE'); constructor( @InjectRepository(Message) private readonly messageRepository: Repository<Message>, ) { this.logger.log('constructor'); } afterInit() { this.logger.log('init'); } async handleConnection(@ConnectedSocket() socket: Socket) { this.logger.log(`connected: ${socket.id} ${socket.nsp.name}`); } async handleDisconnect(@ConnectedSocket() socket: Socket) { this.logger.log(`disconnected: ${socket.id} ${socket.nsp.name}`); } @SubscribeMessage('send-message') async handleSubmitChat( @MessageBody() message: string, @ConnectedSocket() socket: Socket, ) {} } chat-service의 main.ts는 아래와 같습니다. import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; async function bootstrap() { const app = await NestFactory.create(AppModule); const port = 8080; await app.listen(port); console.log(`CHAT-SERVICE listening on ${port}!`); } bootstrap();  app.module.ts는 아래와 같습니다. import { Module } from '@nestjs/common'; import { ChatModule } from './chat/chat.module'; import { ConfigModule, ConfigService } from '@nestjs/config'; import { TypeOrmModule, TypeOrmModuleOptions } from '@nestjs/typeorm'; import jwtConfig from './config/jwt.config'; import mysqlConfig from './config/mysql.config'; import sentryConfig from './config/sentry.config'; @Module({ imports: [ ConfigModule.forRoot({ isGlobal: true, load: [jwtConfig, mysqlConfig, sentryConfig], }), TypeOrmModule.forRootAsync({ inject: [ConfigService], useFactory: async (configService: ConfigService) => { let object: TypeOrmModuleOptions = { type: 'mysql', host: configService.get('mysql.host'), port: configService.get('mysql.port'), database: configService.get('mysql.database'), username: configService.get('mysql.username'), password: configService.get('mysql.password'), autoLoadEntities: true, synchronize: true, }; if (configService.get('STAGE') === 'LOCAL') { object = Object.assign(object, { logging: true, }); } return object; }, }), ChatModule, ], controllers: [], providers: [], }) export class AppModule {}  소켓 객체는 프론트에서 찍어보면 다음과 같이 나옵니다.@WebSocketGateway({ namespace: 'chats', cors: true, }) 에서 cors를 http://localhost:3000으로 설정하고 main에서도 다 열었을때도 안되는걸로 보아 cors 문제는 아닌듯합니다.

안녕하세요. 코드캠프 프론트엔드 고농축 강의 내용 관련하여 질문 드립니다.우선 제가 원하는 내용은리액트 내용의 전반적인 복습타입스크립트 학습넥스트 js 학습이렇게 세 가지를 핵심으로 뽑을 수 있는데요.고농축 커리큘럼 소개에는 위의 내용이 다 적혀있긴 하지만 커리큘럼을 봤을 때 next js는 따로 탭이 분리 되어있지는 않더라구요. 어떤 부분이 next js 관련 부분인지 궁금하고, 또 커리큘럼의 전반적인 수준도 궁금합니다.

안녕하세요. 오늘 next.js 12버전 적용해봤는데요 데이터 변경하고 router.push()로 serversideprops 화면 이동할 때, 변경된 데이터가 바로 적용되지 않고 새로고침 해야 변경되는 현상이 있더라구요.  특이한게 최초진입 할 때는 바로 적용되는데 2번이상 동일한 액션을 취하면 새로고침이 필요했어요. 찾아보니까 next.js api 사이트에 페이지가 아니라 컴포넌트에 넣어야된다는 설명이 초반부에 나오는데요 제가 이해한게 맞는건가요? 한 page에 serversideprops가 필요한 컴포넌트가 많을 경우, 각 컴포넌트 별 로 넣어주는게 맞는지 질문드립니다.

안녕하세요. nextjs에 typescript를 붙여서 연습중인데요. getServerSideProps 함수에서 axois.defaults.headers.Cookie = ""; 설정을 해주는 것이사용자간의 쿠키가 겹치는것을 방지하는 것이라고 이해를 했는데요. Property 'Cookies' does not exist on type 'HeadersDefaults'. 경고가 발생 하고 있습니다. 그래서 구글링 해보니 axios.defaults.headers.common.Cookies를 사용하라는 내용이 있는데 이게 맞는건가요?

안녕하세요. nextjs에 타입스크립트를 적용하고, eslint를 적용해 연습을 해보려는데 기존에 nodebird에서 작업했던 applayout을 구현하려고 합니다.  import React from "react"; const AppLayout: React.FC = ({ children }: { children: React.ReactNode }) => {   return <div>{children}</div>; }; export default AppLayout; 일단 여기까지는 문제가 없지만 index.tsx에서 에러가 발생합니다. 구글링 해봐도 단순히 children을 넘겨주지 않게 하면 된다고 하는데 이해를 잘 하지못해서 질문드립니다. 감사합니다.