inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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 조회수 105

실습 안떠요

해결됨

회사 업무용 Gemini for Google Workspace (Gemini AI Pro)

이 부분이 창이 아무것도 안떠서 진행이 안되고 74/75 로 완료가 안되는데 어떻게해야하나요?

  • 협업-툴
  • 온라인-교육
  • 인공지능(ai)
  • rag
nambo9334 댓글 0 좋아요 0 조회수 63

순위가 동률일 때의 처리에 대해 질문드립니다.

미해결

2026년! 백엔드 개발자를 위한 Redis 실전 가이드: 기초부터 실무 패턴까지

안녕하세요, 강의 잘 듣고 있습니다. 양질의 강의 감사드립니다. Sorted Set을 활용한 리더보드 강의 시청 후 궁금한 점이 생겨 질문 남깁니다. Redis 공식 문서에 따르면 Score가 동률일 때 사전순(lexicographical)으로 처리된다고 명시되어 있는데요, 실제 비즈니스 환경에서는 사전순이 아닌 여러 기준을 복합적으로 비교해야 하는 경우가 많을 것 같습니다. Score가 64비트 부동소수점임을 활용해, 자릿수별로 기준을 나누는 방안(예: 1~8자리는 기본 점수, 9~12자리는 2순위 기준, 13~15자리는 3순위 기준 ...)도 생각해 보았습니다. 다만 동률 비교 기준이 많아지거나 기본 점수 자체가 클 경우 double 정밀도 한계로 인해 적용이 어렵겠다는 생각이 들었습니다. 실무에서는 이러한 복잡한 동률 상황을 어떤 방식으로 처리하는지 팁을 여쭤봐도 될까요? 감사합니다.

  • 아키텍처
  • redis
  • FastAPI
Dong wook Kang 댓글 2 좋아요 0 조회수 129

생성형 AI를 업무에 써보신 직장인분들의 의견이 간절합니다!

미해결

안녕하세요. 직장을 다니며 대학원 졸업 논문을 준비 중인 학생입니다. '재직자의 생성형 AI 서비스 사용 경험' 을 주제로 연구 중인데요. 바쁜 업무 속에서도 생성형 AI를 활용해 보신 직장인분들의 경험을 소중히 담고 싶어 용기 내어 글을 올립니다. • ⏱ 소요 시간: 약 5분 • 🔒 모든 응답은 익명 처리되며, 학술 연구 목적 외에는 사용되지 않습니다 ▶ 설문 링크: https://naver.me/GZDnhtOV 바쁘신 와중에 이런 부탁을 드려 죄송하지만, 한 분 한 분의 응답이 논문 완성에 정말 큰 힘이 됩니다 🙏

김동영 댓글 1 좋아요 0 조회수 18

진행 방법 질문드립니다!

해결됨

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

코딩살구클럽 잘 보았습니다. 사이트 내에서 자체적으로 컴파일은 안되는 것 같아서 IDE를 활용하여 진행해야 하는 것 같은데, 혹시 그러면 기존에 백준에 있던 메모리나 시간 관련하여는 앞으로 어떻게 진행을 해야 할 지 궁금해서 질문 남겨드립니다 ㅠㅠ

  • c++
  • 코딩-테스트
pvrkchan 댓글 2 좋아요 0 조회수 128

비관리자 수강 문의

미해결

안녕하세요 회사 오피스365계정 사용자인데 관리자는 아닙니다. 그런데 나중에 필요할 것 같아 이 강의를 듣고 싶은데 관리자가 아니면 매뉴등 실습을 따라갈수가 없는지요?

myappleface 댓글 1 좋아요 0 조회수 11

Json 플러그인 사용시 variable collection 없음

미해결

Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오

안녕하세요. Json화 하려고 플러그인 실습을 해보고 있는데, 선생님이 업로드해주신 파일들을 제 드래프트에 복붙하고 사용하고 있습니다. 플러그인 실행시 다음과 같이 배리어블 컬렉션이 비어 있는데 어떻게 불러올수 있나요?

  • HTML/CSS
  • figma
  • 포트폴리오
  • 인공지능(ai)
  • 바이브코딩
김혜령 댓글 2 좋아요 0 조회수 105

커서에서 shift+enter가 안됩니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

커서에서 클로드코드 /termina-setup을 한 후 설정을 진행하여도 shift+enter가 안되고 alt+enter로 줄바꿈이 되어 문의드립니다. 설정에서는 정확하게 shift+enter가 되던데 이상합니다. 한번 검토 부탁드립니다!

  • react
  • 인공지능(ai)
  • claude
oops_hochi 댓글 2 좋아요 0 조회수 88

노션 링크도 안 열리고, 알려준 vercel도 실행이 안됩니다.

해결됨

실습으로 손에 잡히는 SQLD(2과목)

노션 링크도 안 열리고, 알려준 vercel도 실행이 안되고, 진흥원에서 데이터 세트를 다운 받았다는데 어떤 진흥원인지도 제대로 안 알려주고, 이게 뭐예요??? 강의 관리가 하나도 안되는 것 같아요.

  • sql
  • oracle
  • mssql
  • SQLD
박형욱 댓글 2 좋아요 0 조회수 120

import torch가 안되는 경우는 어떻게 하나요?

미해결

처음하는 딥러닝과 파이토치(Pytorch) 부트캠프 (쉽게! 기본부터 챗GPT 핵심 트랜스포머까지) [데이터분석/과학 Part3]

파이토치는 깔았는데 커널이 죽는다고 떠서 임포트가 안된다고 나오네요. 이 경우엔 오류 어떻게 수정하면 되는지 알수있을까요? The kernel for Untitled1.ipynb appears thave died. It will restart automatically.

  • 머신러닝
  • 딥러닝
  • 인공신경망
  • pytorch
  • vision-transformer
바나나맛킥 댓글 1 좋아요 0 조회수 112

mcp 설치를 못하겠어요

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

https://github.com/upstash/context7 해당 사이트에 강의에서처럼 복사할수있는 코드(claude mcp add로 시작하는 코드)가 나오지 않아요 회원가입을 먼저 해야하나요?

  • react
  • 인공지능(ai)
  • claude
lynnn 댓글 2 좋아요 0 조회수 143

안녕하세요. 바뀐 채점사이트 관련해서 문의드립니다.

미해결

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

채점 사이트에서 열심히 공부하고 있었는데, 최근에 사이트가 아예 바뀌었더라고요. 원래 연습하느라 다른 IDE 안쓰고, 채점 사이트에서 질문보면서 바로 코드를 짰습니다. 혹시 질문과 제출하는 코드 페이지를 원래대로 한페이지에 넣어주실수있으실까요ㅠㅠ 그리고 채점사이트에서 코딩할 때, tab도 현재 먹히질 않습니다.

  • java
  • 코딩-테스트
댓글 3 좋아요 1 조회수 150

작업형 1 (삭제예정, 구 버전)

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요 강사님 강의 열심히 잘 듣고 있습니다! 다름이 아니라 시간이 부족해서 효율적으로 학습을 해야하는 상황입니다! 모의문제 1~15번까지 풀었고 그 밑에 삭제예정인 구 버전들도 필수로 풀어봐야하는지 궁금합니다! 별로 좋은 질문인 것 같진 않네요ㅠㅠ 하지만 열심히 해서 합격하겠습니다 😋

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
12 코코 댓글 2 좋아요 0 조회수 72

강의노트는 어디있나요?

미해결

코드 5줄의 마법, 5줄 머신러닝 PyCaret: 데이터 분석 프로젝트에 AutoML 날개 달기

강의노트는 어디있나요?

  • python
  • 머신러닝
  • automl
  • mlops
  • 인공지능(ai)
김도균 댓글 1 좋아요 0 조회수 44

라이브러리 관련 질문 있습니다!

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

라이브러리 최신 버젼으로 설치했을 경우, 만약 특정 라이브러리에서 버젼 업데이트가 된다면 어떻게 반영하죠? 저는 비개발자라 특정 영역 혹은 특정 기능에서 어떤 라이브러리가 있는지도 잘 모릅니다. 혹시 이런게 정리된 사이트라던지, 알 수 있는 방법이 있을까요? 아니면 이 부분은 그냥 클로드의 추천에 맡겨야 하는 걸까요?

  • react
  • 인공지능(ai)
  • claude
탈주하자 댓글 2 좋아요 0 조회수 64

노션 학습 자료 권한 요청

해결됨

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

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

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

실습자료 확인 요청

미해결

대세는 바이브 코딩 : 클로드 코드와 TDD로 완성하는 AI 풀스택 개발

교재 실습 파일과 강의에서 직접 작성하는 코드의 내용이 달라 너무 불편합니다. 아직 강의 초반이지만 너무 훅훅 지나가시고, 혼자말처럼 말씀하시는데 정말 따라가기 힘듭니다 강사님. 바이브코딩 시작 전, 강사님이 직접 작성하시는 테스트 코드 와 제공된 실습 자료 코드가 일치하는지 확인해 주시기 바랍니다.

  • 웹앱
  • tdd
  • 인공지능(ai)
  • claude
  • 바이브코딩
outofmtx 댓글 2 좋아요 0 조회수 105

강의 연장 문의드립니다

미해결

Spotfire 사용자교육 고급편 5: R & Python 연동

안녕하세요! 강의 연장 하고 싶은데 방법 알려주세요

  • Spotfire
  • spotfire-analyst
이상훈 댓글 1 좋아요 0 조회수 43

output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

결론부터 말씀드리면: ~/.claude/output-styles/ 는 Claude Code의 공식 기능이 아닙니다. 현재 상태를 확인하면: - ~/.claude/output-styles/ 디렉토리 존재하지 않음 - Claude Code 공식 설정에 output-styles 관련 기능 없음 --- 실제로 모든 프로젝트에 적용하는 방법 Claude Code에서 사용자 레벨로 output 스타일을 적용하려면 두 가지 방법이 있습니다: 방법 1: ~/.claude/ CLAUDE.md (권장) 모든 프로젝트에 공통으로 적용되는 글로벌 지시사항 파일입니다. ~/.claude/ CLAUDE.md 여기에 output 스타일 가이드를 작성하면 모든 프로젝트에서 자동으로 로드됩니다. 방법 2: settings.json의 systemPrompt (있는 경우) 일부 버전에서는 설정 파일에 직접 지시사항을 추가할 수 있습니다. --- 이전 대화에서 output-style 내용을 어떻게 설정하려 했는지 알려주시면, ~/.claude/ CLAUDE.md 에 정확히 작성해 드리겠습니다. 원하시는 output 스타일이 어떤 건지 공유해주세요.

  • react
  • 인공지능(ai)
  • claude
mitch.choi 댓글 2 좋아요 0 조회수 147

클로드 변경

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

todos 명령어가 안뜨는데 명령어가 바뀐건가요>? 공지 부탁드립니다!

  • react
  • 인공지능(ai)
  • claude
김태수 댓글 2 좋아요 0 조회수 86

인기 태그

인프런 TOP Writers

주간 인기글