inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

Next.js + Tanstack Query BFF 구조 질문

미해결

한 입 크기로 잘라먹는 Next.js

안녕하세요, 강의를 완강하고 프로젝트에 BFF 구조를 적용하면서 API 레이어 설계에 대해 고민이 생겨 질문드립니다. [BFF를 쓰게 된 이유] 1. 외부 API 키를 클라이언트에 노출하지 않기 위해 2. next/headers의 cookies() 로 서버에서만 토큰을 읽고 외부 백엔드 API에 전달하기 위해 - httpOnly 쿠키로 토큰을 저장하여 클라이언트에서 읽을 수 없기 때문에 서버에서 처리 해야 했습니다. 3. CORS [예시 프로젝트 구조] features/auth/api/... → API 레이어 features/auth/hooks/... → Tanstack Query 훅 [고민하게 된 흐름] Tanstack Query와 함께 쓰는 경우, 클라이언트에서는 Route Handler(/api*)를 경유해야 하고, Server Component에서나 prefetchQuery 상황에서는 Route Handler를 경유 할 필요 없이 직접 외부 백엔드 API를 호출하는 게 맞다는 생각이 들었습니다. 그러다 보니 API 레이어가 둘로 나뉘게 됐습니다. - user.ts → 클라이언트용, Route Handler 호출 - user.server.ts → 서버용, 외부 API 직접 호출 인가가 필요한 작업인 Route Handler 내부에서는 cookies() 로 토큰을 읽고 header에 엑세스 토큰을 첨부해 보내고 있습니다. [ 질문] API 레이어를 서버/클라이언트로 분리하는 것이 Next.js + Tanstack Query 환경에서 일반적인 접근인지, 혹시 파일을 나누지 않고도 이 구조를 깔끔하게 유지할 수 있는 더 나은 방법이 있다면 조언 부탁드립니다 ㅠ.ㅠ BFF 없이도 이 구조를 해결할 수 있는 방법이 있는지도 궁금합니다. 유저별로 다르게 보여줘야하는 데이터가 아닌 공통 데이터는 Next의 서버 캐시(revalidateTag)만으로 관리하는게 나을까요? 만약 prefetchQuery로 hydrate하는 구조를 가져간다면, 유저 인터렉션 후 갱신이 필요할 때 Server Actions으로 updateTag를 먼저 실행 후 invalidateQueries로 refetch하는 방식이 올바른 접근인지 여쭤보고 싶습니다 이런 구조적인 고민들을 하다 보니 머리속에 혼란이 와서, 단순하고 일관되게 유지할 수 있는 컨벤션은 어떻게 정하는게 좋을지 궁금합니다 [참고 자료] https://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr

  • typescript
  • next.js
  • tanstackquery
김수로 댓글 2 좋아요 1 조회수 84

노션 학습 자료 권한 요청

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 노션 자료 접근 권한 요청드립니다. 메일 주소는 lifehacker@카카오닷컴 입니다. 감사합니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
권재혁 댓글 2 좋아요 0 조회수 39

part2강의 문의사항입니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요 강의를 잘보고 따라가고 있습니다. 제가 만든 결과물이 강사님과 좀 달라서 강사님의 파일을 다운받어서 테스트를 해보고 있는데 2026-04-02_sinal_report.md 2026-04-11_llm_analysis.md 파일들을 각각 오는날짜로 업데이트해서 저장하고 싶은데 claude에 뭐라고 명령을 해야하는지 궁금합니다. 그리고 part2에서 최종적인 결과를 보려면 어떤 py를 실행시켜야 하나요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
배대호 댓글 2 좋아요 0 조회수 54

현재 진행중인 강의에 마케팅 요소를 녹이는 방법

해결됨

[무료 Live] AI 개발팀을 운영해 서비스 당 월 100 수익 노하우

강의에서는 기술 스택과 전체적인 플로우로 하나의 완성된 서비스를 가질 수 있는데, 혹시 이 부분에 오늘 설명이 들어간 마케팅 요소도 섞어서 강의에서 얻을 수 있을까요?

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 무료-라이브
  • 마케팅
도지투더문 댓글 1 좋아요 0 조회수 65

데브옵스에 관련된 지식

해결됨

[무료 Live] AI 개발팀을 운영해 서비스 당 월 100 수익 노하우

처음에 독학으로 여기까지 공부하며 오셨다고 하셨는데, db나 서버운용쪽으로 배우시면서 어떤것들이 도움이 되었고 무료서버 운영 꿀팁이나 해보신 경험들이 있으시면 말씀해주시면 감사하겠습니다

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 무료-라이브
양순민 댓글 1 좋아요 1 조회수 72

케이테스트 서버 운영 방법

해결됨

[무료 Live] AI 개발팀을 운영해 서비스 당 월 100 수익 노하우

케이테스트 서버운영시에 사용자가 늘어나는 시점이 있었을텐데 어떻게 서버를 운영하고, 얼마에 운영하고 어떻게 출발하고 서버 구축을 어떻게 했는지 데이터는 어떻게 마이그레이션 했는지 도메인은 있었는지 등등 좀 상세히 듣고 싶어요

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 무료-라이브
양순민 댓글 1 좋아요 2 조회수 81

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

해결됨

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

73. Next.JS의 캐싱 전략 4가지 74. 데이터 캐시 - 1 (이론) 74. 데이터 캐시 - 1 (이론) 강의가 누락된거같아요 73. Next.JS의 캐싱 전략 4가지와 같은 강의가 재생됩니다.

  • javascript
  • react
  • typescript
  • next.js
  • jwt
tjsdn052 댓글 1 좋아요 0 조회수 70

2026.04에 추가된 강의 시청 불가

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

2026.04에 업데이트된 일부 강의들을 시청할 수 없습니다. 유튜브 영상은 재생되는데, 나머지는 보이지 않습니다. 어떻게 해결하나요? 안보이는 강의명 예시를 하나 말씀드리면 '11. 1-9. [2026.04] 🚀 2026 Claude Code 2.0 주요 업데이트 기능 안내'입니다.

  • spring-boot
  • next.js
  • 인공지능(ai)
  • claude
임지현 댓글 1 좋아요 0 조회수 94

데스크톱과 노트북 연결

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요~ 데스크톱으로 작업하다가 노트북으로 작업 병행하고 싶은데, 방법이 있을까요??

  • python
  • flask
  • next.js
  • 인공지능(ai)
신우진 댓글 1 좋아요 0 조회수 52

Service Create/Update Record 운용과 Delete Record 미운용의 차이 질문

미해결

스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 캐시 전략

안녕하세요, 선생님! 강의 들으면서 Service 및 Cache Handler 구성간 Create/Update <-> Delete 간의 Return Record 여부 차이에 대해 질문드리고자 합니다. 서비스도 그렇고, 핸들러도 그렇고, Return type이 Create/Update는 전달받은 Record를 Entity Context에 적용한 객체인데, delete의 경우 void로 운용하시는 것을 보고 어떤 차이점이 있는지 궁금하여 질문드리게 되었습니다. create, update 모두 반영 이후의 내역을 바로 반환하여 보여준다는 의미로 생각하였는데, delete를 보면 그런 것 같지는 않아서 따로 다른 의미가 있는지(실무에서 이렇게 많이 사용한다던가), 별 의미가 없는지 구체적으로 문의드리고자 합니다. 감사합니다.

  • spring-boot
  • redis
  • backend
  • 시스템-디자인
  • cache
Hyo Kyun Lee 댓글 1 좋아요 0 조회수 48

노션 : 파트3번 링크와 권한 , 파트4번 권한요청, 파트 5번도 미리 요청 드립니다.

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

워드문서가 보기가 조금 어렵습니다. 프롬프트 일부가 캐리지 리턴이 없이 이어져 있어 제가 보기에 어려운데, ai가 인식할 때 문제가 없을까요? 우선 제가 일일이 리턴해서 올렸습니다. 파트4에 대한 권한도 요청드렸습니다. 💡 수강생 안내 사항 (커뮤니티 가이드) 학습 관련 질문 : 구체적으로 적을수록 정확한 답변을 받을 수 있습니다. 작성 팁 : 마크다운과 단축키를 활용하면 글을 더 편리하게 작성할 수 있습니다. 사전 검색 : 질문을 남기기 전, 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해 보세요. 커뮤니티 매너 : 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 서비스 문의 : 인프런 서비스 관련 문의는 1:1 문의하기 를 이용해 주세요.

  • python
  • flask
  • next.js
  • 인공지능(ai)
  • notion
댓글 4 좋아요 0 조회수 80

antigravity 대신 cursor를 활용해도 되나요?

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요! 이제 시작하는 수강생인데, 다른 강의 들을때 cursor를 활용했어서 cursor가 많이 편한데, 혹시 cursor를 써도 본 강의 따라갈 수 있을까요? 아니면 antigravity를 설치하는게 그래도 나을까요? 💡 수강생 안내 사항 (커뮤니티 가이드) 학습 관련 질문 : 구체적으로 적을수록 정확한 답변을 받을 수 있습니다. 작성 팁 : 마크다운과 단축키를 활용하면 글을 더 편리하게 작성할 수 있습니다. 사전 검색 : 질문을 남기기 전, 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해 보세요. 커뮤니티 매너 : 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 서비스 문의 : 인프런 서비스 관련 문의는 1:1 문의하기 를 이용해 주세요.

  • python
  • flask
  • next.js
  • 인공지능(ai)
chuck 댓글 1 좋아요 0 조회수 47

node.js 설치 관련 질문 드립니다

해결됨

[100% 환급반] 인프런 클론 6주 완성 챌린지 2기|Next.js 15 × NestJS × Prisma

안녕하세요. 강의 5분경쯤 나오는 node.js 설치 관련 질문드립니다. 현재 curl -o- https://fnm.vercel.app/install | bash 명령어를 통해 설치 진행중에 있는데 1시간동안 설치 되고 있습니다. 원래 소요시간이 이렇게 오래 걸리는 것이 맞을까요?

  • aws
  • next.js
  • nestjs
  • cursor
  • 인공지능(ai)
김희진 댓글 2 좋아요 0 조회수 73

뉴스 검색 분류 한도초과

미해결

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

💡 수강생 안내 사항 (커뮤니티 가이드) 학습 관련 질문 : 구체적으로 적을수록 정확한 답변을 받을 수 있습니다. 작성 팁 : 마크다운과 단축키를 활용하면 글을 더 편리하게 작성할 수 있습니다. 사전 검색 : 질문을 남기기 전, 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해 보세요. 커뮤니티 매너 : 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 서비스 문의 : 인프런 서비스 관련 문의는 1:1 문의하기 를 이용해 주세요. 업데이트중에 한도초과라고 계속 나옵니다. 그래서 백업까지 해놓았는데도 이러는데 해결책이 있을까여 현재 호출 구조 모델 우선순위 순서모델상태무료 한도1순위 gemini-2.5-flash 기본 25 RPD, 10 RPM (Preview 제한)2순위 gemini-1.5-flash 방금 변경됨 1,500 RPD, 15 RPM 3순위키워드 fallback코드 내장무제한 (LLM 없이 점수 산출) 호출 타이밍 ( generator.py:76 ) 종목 1 호출 → 6초 대기 → 종목 2 호출 → 6초 대기 → ... 종목 간격: 6초 46종목 기준: 45 × 6초 = 270초 (4.5분) LLM 단계만 [15/46] 대원전선 score=2 [16/46] DB하이텍 score=2 [17/46] 코스텍시스 score=2 [18/46] 펩트론 score=2 [GeminiAnalyzer] gemini-2.5-flash 한도 초과 → gemini-2.0-flash로 전환 (호텔신라) [GeminiAnalyzer] API 실패 → 키워드 fallback (호텔신라): 429 RESOURCE_EXHAUSTED. {'error': {'code': 429, 'message': 'You exceeded your current quota, please check your plan and billing details. For more information on this error, head to: https://ai.google.dev/gemini-api/docs/rate-limits . To monitor your current usage, head to: https://ai.dev/rate-limit . \n* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_input_token_count, limit: 0, model: gemini-2.0-flash\n* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_requests, limit: 0, model: gemini-2.0-flash\n* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_requests, limit: 0, model: gemini-2.0-flash\nPlease retry in 40.700251593s.', 'status': 'RESOURCE_EXHAUSTED', 'details': [{'@type': 'type.googleapis.com/google.rpc.Help', 'links': [{'description': 'Learn more about Gemini API quotas', 'url': ' https://ai.google.dev/gemini-api/docs/rate-limits '}]}, {'@type': 'type.googleapis.com/google.rpc.QuotaFailure', 'violations': [{'quotaMetric': 'generativelanguage.googleapis.com/generate_content_free_tier_input_token_count', 'quotaId': 'GenerateContentInputTokensPerModelPerMinute-FreeTier', 'quotaDimensions': {'location': 'global', 'model': 'gemini-2.0-flash'}}, {'quotaMetric': 'generativelanguage.googleapis.com/generate_content_free_tier_requests', 'quotaId': 'GenerateRequestsPerMinutePerProjectPerModel-FreeTier', 'quotaDimensions': {'model': 'gemini-2.0-flash', 'location': 'global'}}, {'quotaMetric': 'generativelanguage.googleapis.com/generate_content_free_tier_requests', 'quotaId': 'GenerateRequestsPerDayPerProjectPerModel-FreeTier', 'quotaDimensions': {'model': 'gemini-2.0-flash', 'location': 'global'}}]}, {'@type': 'type.googleapis.com/google.rpc.RetryInfo', 'retryDelay': '40s'}]}} [19/46] 호텔신라 score=1 [GeminiAnalyzer] API 실패 → 키워드 fallback (로보티즈): 429 RESOURCE_EXHAUSTED. {'error': {'code': 429, 'message': 'You exceeded your current quota, please check your plan and billing details. For more information on this error, head to: https://ai.google.dev/gemini-api/docs/rate-limits . To monitor your current usage, head to: https://ai.dev/rate-limit . \n* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_input_token_count, limit: 0, model: gemini-2.0-flash\n* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_requests, limit: 0, model: gemini-2.0-flash\n* Quota exceeded for metric: generativelanguage.googleapis.com/generate_content_free_tier_requests, limit: 0, model: gemini-2.0-flash\nPlease retry in 30.229631631s.', 'status': 'RESOURCE_EXHAUSTED', 'details': [{'@type': 'type.googleapis.com/google.rpc.Help', 'links': [{'description': 'Learn more about Gemini API quotas', 'url': ' https://ai.google.dev/gemini-api/docs/rate-limits '}]}, {'@type': 'type.googleapis.com/google.rpc.QuotaFailure', 'violations': [{'quotaMetric': 'generativelanguage.googleapis.com/generate_content_free_tier_input_token_count', 'quotaId': 'GenerateContentInputTokensPerModelPerMinute-FreeTier', 'quotaDimensions': {'location': 'global', 'model': 'gemini-2.0-flash'}}, {'quotaMetric': 'generativelanguage.googleapis.com/generate_content_free_tier_requests', 'quotaId': 'GenerateRequestsPerMinutePerProjectPerModel-FreeTier', 'quotaDimensions': {'model': 'gemini-2.0-flash', 'location': 'global'}}, {'quotaMetric': 'generativelanguage.googleapis.com/generate_content_free_tier_requests', 'quotaId': 'GenerateRequestsPerDayPerProjectPerModel-FreeTier', 'quotaDimensions': {'location': 'global', 'model': 'gemini-2.0-flash'}}]}, {'@type': 'type.googleapis.com/google.rpc.RetryInfo', 'retryDelay': '30s'}]}}

  • python
  • flask
  • next.js
  • 인공지능(ai)
jh5872 댓글 2 좋아요 0 조회수 69

완성자료

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

💡 수강생 안내 사항 (커뮤니티 가이드) 학습 관련 질문 : 구체적으로 적을수록 정확한 답변을 받을 수 있습니다. 작성 팁 : 마크다운과 단축키를 활용하면 글을 더 편리하게 작성할 수 있습니다. 사전 검색 : 질문을 남기기 전, 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해 보세요. 커뮤니티 매너 : 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 서비스 문의 : 인프런 서비스 관련 문의는 1:1 문의하기 를 이용해 주세요. 강의에서 끝까지 완성한 자료에대한 파일은 없을까요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
kang 댓글 2 좋아요 0 조회수 45

Cursor 설정

해결됨

[100% 환급반] 인프런 클론 6주 완성 챌린지 2기|Next.js 15 × NestJS × Prisma

Cursor 에 settings에 Rules for AI 이 없는데 버전의 차이같은데 최신 버전에서는 따로 설정 방법이 없나요? 그리고 슬랙은 어디채널에 질문을 남겨야하는걸까요..?

  • aws
  • next.js
  • nestjs
  • cursor
  • 인공지능(ai)
jmk4774 댓글 2 좋아요 0 조회수 69

Node 관련 질문입니다

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

npx create-next-app@latest . --typescript --tailwind --app 터미널에 입력을 하면 이런 오류가 뜨는데 왜그럴까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
tlstjdtn65 댓글 3 좋아요 0 조회수 83

강의 내용속 커서 버젼하고 현재 커서 버젼이 다른가요?

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

현재 2주차 커서 강의를 듣고있는 코린인데요 26년 4월 기준으로 영상속 커서 버전하고 좀 다른거같아서요 로컬에서 실행시켜달라고 요청을 하면 강의속에서 보이는것과 다르게 보이는데 제 설정이 잘못되어있는걸까요? 혹시나해서 이 과정을 스킵하고 다음 강의를 듣다가 요청을해도 위 사진처럼 결과가 출력이 되는데 뭐가 문제일까요..

  • next.js
  • cursor
tlstjdtn65 댓글 2 좋아요 0 조회수 72

노션 링크

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

안녕하세요. 강의 Part1까지만 노션 링크가 있고, 그 이후 강의에는 노션 링크를 찾을 수가 없는데요. 노션 링크를 각 강의 Part마다 공유해 되었는지 확인 부탁 드립니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
SooChan Lim 댓글 3 좋아요 0 조회수 74

노션 권한요청하였습니다 언제쯤 볼수있나요

해결됨

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

노션 권한 신청했는데, 승인되면볼수있는거지요..?? 언제쯤될까요 💡 수강생 안내 사항 (커뮤니티 가이드) 학습 관련 질문 : 구체적으로 적을수록 정확한 답변을 받을 수 있습니다. 작성 팁 : 마크다운과 단축키를 활용하면 글을 더 편리하게 작성할 수 있습니다. 사전 검색 : 질문을 남기기 전, 커뮤니티 질문 & 답변에 비슷한 내용이 있었는지 먼저 검색해 보세요. 커뮤니티 매너 : 서로 예의를 지키며 존중하는 분위기를 함께 만들어가요. 서비스 문의 : 인프런 서비스 관련 문의는 1:1 문의하기 를 이용해 주세요.

  • python
  • flask
  • next.js
  • 인공지능(ai)
JEONG KIM 댓글 2 좋아요 0 조회수 66

인기 태그

인프런 TOP Writers

주간 인기글