안녕하세요, 강의를 완강하고 프로젝트에 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
안녕하세요, 강의 잘 듣고 있습니다. 양질의 강의 감사드립니다. Sorted Set을 활용한 리더보드 강의 시청 후 궁금한 점이 생겨 질문 남깁니다. Redis 공식 문서에 따르면 Score가 동률일 때 사전순(lexicographical)으로 처리된다고 명시되어 있는데요, 실제 비즈니스 환경에서는 사전순이 아닌 여러 기준을 복합적으로 비교해야 하는 경우가 많을 것 같습니다. Score가 64비트 부동소수점임을 활용해, 자릿수별로 기준을 나누는 방안(예: 1~8자리는 기본 점수, 9~12자리는 2순위 기준, 13~15자리는 3순위 기준 ...)도 생각해 보았습니다. 다만 동률 비교 기준이 많아지거나 기본 점수 자체가 클 경우 double 정밀도 한계로 인해 적용이 어렵겠다는 생각이 들었습니다. 실무에서는 이러한 복잡한 동률 상황을 어떤 방식으로 처리하는지 팁을 여쭤봐도 될까요? 감사합니다.
안녕하세요. 직장을 다니며 대학원 졸업 논문을 준비 중인 학생입니다. '재직자의 생성형 AI 서비스 사용 경험' 을 주제로 연구 중인데요. 바쁜 업무 속에서도 생성형 AI를 활용해 보신 직장인분들의 경험을 소중히 담고 싶어 용기 내어 글을 올립니다. • ⏱ 소요 시간: 약 5분 • 🔒 모든 응답은 익명 처리되며, 학술 연구 목적 외에는 사용되지 않습니다 ▶ 설문 링크: https://naver.me/GZDnhtOV 바쁘신 와중에 이런 부탁을 드려 죄송하지만, 한 분 한 분의 응답이 논문 완성에 정말 큰 힘이 됩니다 🙏
채점 사이트에서 열심히 공부하고 있었는데, 최근에 사이트가 아예 바뀌었더라고요. 원래 연습하느라 다른 IDE 안쓰고, 채점 사이트에서 질문보면서 바로 코드를 짰습니다. 혹시 질문과 제출하는 코드 페이지를 원래대로 한페이지에 넣어주실수있으실까요ㅠㅠ 그리고 채점사이트에서 코딩할 때, tab도 현재 먹히질 않습니다.
안녕하세요 강사님 강의 열심히 잘 듣고 있습니다! 다름이 아니라 시간이 부족해서 효율적으로 학습을 해야하는 상황입니다! 모의문제 1~15번까지 풀었고 그 밑에 삭제예정인 구 버전들도 필수로 풀어봐야하는지 궁금합니다! 별로 좋은 질문인 것 같진 않네요ㅠㅠ 하지만 열심히 해서 합격하겠습니다 😋
라이브러리 최신 버젼으로 설치했을 경우, 만약 특정 라이브러리에서 버젼 업데이트가 된다면 어떻게 반영하죠? 저는 비개발자라 특정 영역 혹은 특정 기능에서 어떤 라이브러리가 있는지도 잘 모릅니다. 혹시 이런게 정리된 사이트라던지, 알 수 있는 방법이 있을까요? 아니면 이 부분은 그냥 클로드의 추천에 맡겨야 하는 걸까요?
교재 실습 파일과 강의에서 직접 작성하는 코드의 내용이 달라 너무 불편합니다. 아직 강의 초반이지만 너무 훅훅 지나가시고, 혼자말처럼 말씀하시는데 정말 따라가기 힘듭니다 강사님. 바이브코딩 시작 전, 강사님이 직접 작성하시는 테스트 코드 와 제공된 실습 자료 코드가 일치하는지 확인해 주시기 바랍니다.
결론부터 말씀드리면: ~/.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 스타일이 어떤 건지 공유해주세요.