inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

모든 컴포넌트를 클라이언트 컴포넌트로 했을 때

미해결

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

안녕하세요, 저는 회사에서 next.js로 포팅하여 개인적으로 좀 공부하고 있는 학생입니다. 현재 2강 할 일 관리 앱을 보면서 저희 회사의 작업 방식을 함께 생각해봤는데 저희 회사는 꼭 필요한 부분 (iron-session을 이용하여 세션을 가져온다거나)을 제외하고는 죄다 클라이언트 컴포넌트로 바꿔서 사용하고 있습니다. 그래서 이 작업을 진행하면서도 클라이언트 컴포넌트로 모두 바꾸어 진행한다면 어떨까라고 생각이 들었었는데 과제에서는 최소한의 컴포넌트만 클라이언트 컴포넌트로 바꾸라고 하신 이유가 궁금합니다. 감사합니다!

  • javascript
  • react
  • typescript
  • next.js
  • jwt
댓글 2 좋아요 0 조회수 3

타입 에러 관련 질문입니다.

미해결

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

todoList 생성하기 에서 content가 계속 타입 에러가 뜨는데 이유가 뭘까요?

  • react
  • 클론코딩
  • next.js
  • supabase
홍정웅 댓글 1 좋아요 1 조회수 26

AWS 배포 성능테스트

미해결

6주 완성! 백엔드 이력서 차별화 전략 4가지 - 똑같은 이력서 속에서 돋보이는 법

1. 현재 학습 진도 섹션 3 15강 수강 2. 어려움을 겪는 부분 아직 섹션3 15강밖에 수강하지 않았지만 예전에 배포했을때 설정 문제로 과금이 나간적이있어서 강의는 계속 들으면서 로컬에서 해보고 개인 프로젝트에 적용해보는것이 좋을까요? 아니면 둘 다 하는것이 좋을까요??

  • java
  • spring
  • mysql
  • redis
  • 이력서
개발자....? 댓글 1 좋아요 0 조회수 39

코덱스 입력한 텍스트만 받을수 있을까요?

미해결

AI 코딩으로 외주 수주하기: 병원 홈페이지 제작부터 비딩·견적·포트폴리오까지

안녕하세요. 강의를 수강해주셔서 감사합니다. 질문 작성 시 아래 내용을 함께 작성해주시면 보다 정확하고 빠르게 답변드릴 수 있습니다. 현재 진행 중인 섹션 또는 강의명 발생한 에러 내용 관련 코드 콘솔 에러 메시지 기대한 결과와 실제 결과 특히 개발 관련 질문은 코드와 에러 로그를 함께 첨부해주셔야 원인 파악이 훨씬 수월합니다. 또한 이 강의는 실무형 프로젝트 기반 강의이기 때문에, 구현 방식이나 설계 방향이 상황에 따라 달라질 수 있습니다. 질문 전에는: 강의 내용을 다시 한번 확인해보시고 기존 질문/답변에 유사한 내용이 있는지도 함께 확인 부탁드립니다. 수강생분들과 함께 좋은 학습 환경을 만들 수 있도록 서로 존중하는 분위기에서 이용 부탁드립니다. 감사합니다.

  • seo
  • next.js
  • codex
  • cms
  • GA4
bt040404 댓글 1 좋아요 0 조회수 26

사업자 등록

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

안녕하세요? 결제 시스템을 만드려면 사업자 등록이 필요한데 별도 세션을 추가로 지원해 주시는 걸까요?^^ 감사합니다.

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
이미승리하였다 댓글 2 좋아요 0 조회수 49

테마 개발의 한계, 업종이 대체 할 수 있을까요?

미해결

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

안녕하세요. 늘 좋은 정보로 감사드립니다. 예전에 테마 관련 질문을 드렸던 적이 있습니다. 하지만 정확한 테마를 만들기에는 한계가 있음을 확인했습니다. 이에 업종으로 묶으려고 시도 중입니다. kis나 krx에서는 업종을 대분류까지만 나눠 너무 광범위함을 확인했습니다.(예 삼성전자 업종은 전기전자) 네이버를 보니 소분류까지 업종을 잘해놓았던데 어디가 원천인지는 모르겠습니다. 혹시 업종을 소분류까지 나눈 데이터를 가져올 수 있는 방법은 없을까요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
홍성우 댓글 2 좋아요 0 조회수 53

mcp 설정 json 코드

해결됨

AI 개발팀을 운영해 제대로 완성하는 결제 수익화 웹서비스 런칭하기

안녕하세요. 강의 언급한 mcp 기능들 설정할 수 있는 json 코드 github링크는 어디서 확인하나요?

  • next.js
  • 서비스-기획
  • 수익화
  • ai-agent
  • 바이브코딩
하히호 댓글 2 좋아요 0 조회수 38

[실습]장부와 금고

미해결

[Rookiss] 클로드 코드 개발을 위한 CS 입문 (인터랙티브 교재)

안녕하세요! 실습하다 질문이 생겨서 남깁니다. 방명록 데이터를 파일로만 관리하는 상황에서, guestbook.csv를 수정했을때 바뀐 데이터가 브라우저에서 새로고침 했을때에 자동으로 반영되는지가 궁금합니다.

  • next.js
  • 인공지능(ai)
  • claude
  • ax(에이전트-경험)
MJ 댓글 1 좋아요 0 조회수 64

JWT토큰 발급 시, subject 값을 다양하게 넣어서 여러 개의 토큰을 만드는 이유

해결됨

은행 서버 프로젝트 실습을 통해 배우는 코틀린 마스터 클래스

안녕하세요, 강사님 🙂 덕분에 코프링을 빠르게 배우고 있어 감사드립니다! 영상 8:20 경, JWT 설명 중 withSubject() 의 값으로 email 만 넣는다던가, name 만 넣어서 구현한다고 말씀주셨습니다. 고민을 해봤지만 여러 개의 Subject 를 만드는 이유가 궁금해서 질문드립니다. 상황 예시와 함께 답변해주시면 감사드립니다!!

  • kotlin
  • mysql
  • mongodb
  • kafka
  • redis
종혁 댓글 2 좋아요 0 조회수 47

인기 게시판 목록(Sorted set)

해결됨

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

안녕하세요. 인기 게시판 목록 기능을 Redis의 Sorted Set을 활용해 좋아요 순으로 정렬하는 방식으로 구현하다 고민이 생겨 질문하게 되었습니다. 먼저 잦은 데이터 변경을 고려해서 Sorted Set의 member에는 게시판 ID만 저장하고, score에는 좋아요 수를 저장하도록 했습니다. 하지만 목록을 생성하기 위해서는 제목, 생성일 같은 부가 정보가 필요한데 이 데이터를 얻는 효율적인 방식에 대해 고민이 생겨 질문을 드리게 되었습니다. AI에게 도움을 받아 2가지 방법을 생각해보았는데 현실성이 있는지 판단 부탁 드립니다. Redis + RDB 조합 Redis ZSet에서 상위 10개의 ID 목록을 먼저 조회합니다. 해당 ID 목록을 가지고 RDB에 WHERE id IN (...) 쿼리를 날려 상세 데이터를 가져옵니다. 데이터베이스의 IN 쿼리는 순서를 보장하지 않기 때문에 애플리케이션에서 Redis가 준 ID 순서대로 리스트를 다시 재정렬하여 반환합니다. 제가 생각하기에는 인기 게시판 목록을 조회할 때마다 RDB의 ORDER BY 부하를 줄이려다 오히려 애플리케이션 단에서 정렬과 DB 조회가 일어나다 보니 얻는 것보다는 잃는 게 많은 구조가 아닌지 고민이 됩니다. Redis Sorted Set + Hash 조합 정렬 기준(ID, 좋아요 수)은 기존대로 Sorted Set에 관리합니다. 게시판의 상세 부가 정보는 Redis의 Hash 자료구조에 따로 캐싱합니다. 목록 조회 시 Sorted Set에서 ID를 뽑은 후 DB를 거치지 않고 Hash에서 상세 데이터를 조회합니다. 이 방식은 DB에 부하를 줄일 수 있지만 데이터가 자주 변하게 된다면 레디스에서 데이터를 자주 변경해야 되어 메모리에 큰 부하를 줄 수 있을 것 같아 고민이 되는 것 같습니다.

  • 아키텍처
  • redis
손명진 댓글 2 좋아요 0 조회수 64

쿠키 생성 관련

미해결

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

카카오 로그인 후 이메일을 입력하고 몽고DB에 이메일과 refresh token이 저장된 것 까지 확인은 했는데 쿠키가 생성되지 않고 있네요. 강사님 네이버메일로 소스코드링크를 보냈습니다.

  • javascript
  • react
  • typescript
  • next.js
  • jwt
태리바이트 댓글 3 좋아요 0 조회수 71

디스코드 초대를수락할 수 없음이라고 떠요

미해결

[Rookiss] 클로드 코드 개발을 위한 CS 입문 (인터랙티브 교재)

선생님 디스코드 안들어가져요 ㅠㅠ

  • next.js
  • 인공지능(ai)
  • claude
  • ax(에이전트-경험)
아요 댓글 1 좋아요 0 조회수 59

네이버 API KIS API 강의

해결됨

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

해당 강의내용은 1강 KRX 2강 Naver 3강 KIS 관련 내용을 올려주신다고 언급 해 주셨습니다. 현재 1강만 올라와있고 2,3강은 추후 업데이트 할 예정이신가요??

  • python
  • flask
  • next.js
  • 인공지능(ai)
밝은 고양이 댓글 2 좋아요 0 조회수 59

JWT auth error invalid token

미해결

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

이메일 입력 후 contitnue 버튼을 누르면 JWT auth error invalid token 오류가 나네요. 몇시간째 보고 있는데 원인을 찾지 못하겠네요. 전체 소스 코드를 같이 첨부하고 싶은데 할 수 가 없네요. 일단은 EmailInfoForm 소스만 올려 봅니다. backend는 .env 빼고 소스를 특별하게 수정한 부분이 없습니다. 브라우저 application 데이터도 클리어 해보고 했지만 소용이 없네요. 확인 부탁드립니다. "use client"; import {useState} from "react"; import {MailIcon} from "../ui/Icons"; import {validateEmail} from "@/lib/validation"; import clientApi from "@/lib/api/clientApi"; import {useRouter, useSearchParams} from "next/navigation"; export default function EmailInfoForm() { const router = useRouter(); const searchParams = useSearchParams(); const accessToken = searchParams.get("access_token") ?? ""; const [email, setEmail] = useState(""); const [error, setError] = useState(""); const [isSubmitting, setIsSubmitting] = useState(false); const handleFormSubmit = async (e: React.SubmitEvent<HTMLFormElement>) => { e.preventDefault(); if (isSubmitting) return; setError(""); //이메일 검증 const validationError = validateEmail(email); if (validationError) { setError(validationError); return; } //확인 대화 상자 const confirmed = window.confirm( "한 번 입력한 이메일은 변경할 수 없습니다. 이 이메일로 저장할까요?", ); if (!confirmed) return; setIsSubmitting(true); try { const res = await clientApi("/auth/update-email", { method: "PATCH", body: JSON.stringify({email: email.trim()}), headers: { Authorization: `Bearer ${accessToken}`, }, }); if (!res.ok) { const errorData = await res.json().catch(() => null); throw new Error( (errorData && errorData.error) || "이메일 업데이트에 실패하였습니다.", ); } router.replace("/"); router.refresh(); } catch (e) { setError( e instanceof Error ? e.message : "이메일 업데이트에 실패하였습니다.", ); } }; return ( <> <form className="flex flex-col gap-5" onSubmit={handleFormSubmit}> <div className="flex flex-col gap-2"> <label htmlFor="email" className="text-sm font-medium text-foreground" > Email Address </label> <div className="relative"> <MailIcon className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" /> <input id="email" type="email" placeholder="Enter your email" className="h-11 w-full rounded-lg border-none bg-secondary pl-10 pr-4 text-sm text-foreground placeholder-muted-foreground outline-none focus:ring-2 focus:ring-primary" value={email} onChange={(e) => setEmail(e.target.value)} /> </div> </div> {error && ( <p className="text-sm font-medium text-destructive">{error}</p> )} <div className="grid grid-cols-2 gap-3"> <button type="button" className="h-11 rounded-lg bg-secondary text-sm font-medium text-secondary-foreground transition-colors hover:opacity-90" > Cancel </button> <button type="submit" className="h-11 rounded-lg bg-primary text-sm font-medium text-primary-foreground transition-colors hover:opacity-90" > Continue </button> </div> </form> </> ); }

  • javascript
  • react
  • typescript
  • next.js
  • jwt
태리바이트 댓글 2 좋아요 0 조회수 68

테스트 코드 작성 시 DTO 새로 작성하는 이유가 궁금합니다.

미해결

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

테스트 작성 시, 소스파일에(src) 있는 DTO를 그대로 사용하지 않고, 복사해와서 새로 정의를 하시던데 그 이유가 뭔지 궁금합니다!

  • java
  • mysql
  • spring-boot
  • kafka
  • redis
nick 댓글 1 좋아요 0 조회수 53

테마맵 만들기 위해.

미해결

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

그날 장마감 후 주식테마맵을 만드려고 합니다. 조언좀 주시면 감사하겠습니다. 1. 현재 키움증권 open api를 통해 10% 이상 상승종목을 수집합니다. 네이버 뉴스 검색 api를 통해 상승종목을 검색해 상승이유를 찾습니다. 테마맵을 만듭니다. 이렇게 실행했더니 문제가 생겼습니다. 아래를 참고해 상승종목이 테마별로 잘 묶이는 방법을 조언해주시면 감사하겠습니다. 1. 종목과 테마맵 불일치.(EX 화장품 종목인데 반도체 테마에 묶인 경우) 2. 반도체 테마가 반도체 테마로 묶이지 않고 개별상승 종목으로 분류 되는 경우.

  • python
  • flask
  • next.js
  • 인공지능(ai)
홍성우 댓글 2 좋아요 0 조회수 56

호두 AI님 강의 차이점에 대해 문의 드립니다.

미해결

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

'(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI' 강의와 'AI로 만드는 KR/US 퀀트 트레이딩 노드 분석 시스템 (바이브코딩)' 강의의 차이점이 뭔가요? 둘다 유사한 기능을 하는데, 사용 도구가 다른건가요? 그리고 이 프로그램이 완성되면 '연기금'이 보유한 주식과 거래량 추적이 가능한지요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
여백 댓글 3 좋아요 0 조회수 75

버셀로 서버 배포 후 접속 시 500 에러 발생

해결됨

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

https://onebite-books-server-main-pi-sandy.vercel.app/ 서버 배포 시 500 에러가 발생이 되는데 해결이 어려워서요. 이전 질문글들 찾아보니, 무료 플랜에서의 사양 이슈로 제한이 되었다는 것을 보았는데 같은 이유로 발생된 문제로 이해하면 될까요?

  • react
  • typescript
  • next.js
지덕 댓글 2 좋아요 0 조회수 70

레퍼런스 사이트를 참고하여 메인페이지 초안만들기 (2:04) 여기에서 막혔어요.

미해결

AI 코딩으로 외주 수주하기: 병원 홈페이지 제작부터 비딩·견적·포트폴리오까지

레퍼런스 사이트를 참고하여 메인페이지 초안만들기 (2:04) 여기에서 막혔어요. 강사님 화면은 코덱스 창에서 우측상단에 커서 편집기 목록이 보이는데요. 제가 아무리 혼자 동일하게 구현을 해볼려고 시도를 해도 방법을 모르겠습니다. 커서는 제 컴퓨터에 설치를 해둔 상태입니다. -> 이것은 제 코덱스 화면입니다. 보안 때문에 커서를 팅겨내는 것 같다고 제미나이가 알려줬 습니다. (현재, 제 컴퓨터에 깔려 있는 보안은 아래 이미지와 같고요. ) 제미나이는 수동으로 커서를 열어서 들어가라고 하는데 앞으로, 이렇 게 살아갈 생각하니 너무 번거로울듯 싶어서 한 수 배우고자 질문 납니다. 이 강의는 따로 질문할 수 있는 카카오톡 오픈채팅방은 운영안 하시나요?

  • seo
  • next.js
  • codex
  • cms
  • GA4
클로드뉴비 댓글 3 좋아요 0 조회수 56

네이버증권 데이터 크롤링 불법?

해결됨

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

강의를 듣고 저도 한번 저만의 크롤링을 하려고 코드를 짜다보니, 네이버 증권 데이터를 가져와 사용하는것이 불법이라고 AI가 답변합니다. 다른 대안이 있을까요? 1. 기술적·정책적 문제 (네이버 이용약관 및 robots.txt) 서비스 이용약관 위반: 네이버를 포함한 대부분의 플랫폼은 이용약관을 통해 무단 크롤링, 데이터 수집 및 재배포를 엄격히 금지 하고 있습니다. 이는 사용자가 서비스에 가입할 때 동의한 계약 사항이므로, 이를 위반할 경우 서비스 이용 정지 등의 제재를 받을 수 있습니다. robots.txt 준수 의무: 네이버는 사이트 내에 robots.txt 라는 파일을 통해 수집 로봇의 접근을 제어하고 있습니다. 이를 무시하고 데이터를 대량으로 수집하는 행위는 기술적 보호 조치를 우회하는 행위로 간주되어 정보통신망법 위반 소지가 있습니다. 2. 저작권법 및 부정경쟁방지법 데이터의 저작물성: 단순히 숫자(주가, 거래량 등)만 가져오는 것은 사실 정보에 해당하여 저작권 침해 논란이 적을 수 있습니다. 그러나 이를 가공하여 정리한 '표'나 '분석 결과' 등을 그대로 가져오는 경우, 이는 네이버의 데이터베이스 저작권 을 침해하는 행위로 판단될 수 있습니다. 부정경쟁방지법: 타인이 상당한 노력과 비용으로 구축한 데이터를 무단으로 사용하여 자신의 영업에 활용하는 행위는 '부정경쟁방지 및 영업비밀보호에 관한 법률'상 부정경쟁행위로 간주될 수 있습니다. 상업적 목적이 없더라도 네이버 측에서 "데이터 무단 사용으로 인해 서비스 운영에 피해를 입었다"고 판단하면 법적 분쟁의 대상이 될 수 있습니다.

  • python
  • flask
  • next.js
  • 인공지능(ai)
홍성우 댓글 2 좋아요 0 조회수 103

인기 태그

인프런 TOP Writers

주간 인기글