inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

middleware 관련 질문입니다

미해결

Next + React Query로 SNS 서비스 만들기

해당 코드를 수정했던 강의가 어디였는지 기억이 안나 여기에 글 남깁니다. 아래는 auth.ts의 코드이고 callbacks 부분을 작성하셨다가 나중에 없애는 걸로 수정하셨는데 이 코드의 역할을 middleware에서 대신한다고 생각하면 될까요 ? export async function middleware() { const session = await auth(); if (!session) { return NextResponse.redirect('http://localhost:3000/i/flow/login'); } } // callbacks: { // async authorized({ request, auth }) { // if (!auth) { // return NextResponse.redirect('http://localhost:3000/i/flow/login'); // } // return true; // }, // },

  • react
  • next.js
  • react-query
  • next-auth
  • msw
심현석 댓글 2 좋아요 0 조회수 170

mysql 연결 오류

미해결

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

안녕하세요 맥북을 사용 중이고 homebrew 로 mysql을 설치했습니다 mysql 을 인텔리제이에 연결하려하면 DBMS: MySQL (no ver.) Case sensitivity: plain=mixed, delimited=exact Connection refused. 이러한 오류가 뜹니다. 어떤 것이 문제일까요? 초기화하고 다시 sudo brew services start mysql 해도 똑같은 오류가 뜹니다.

  • java
  • spring
  • aws
  • mysql
  • spring-boot
  • jpa
cg10046 댓글 2 좋아요 0 조회수 752

마지막 강의 배포 후 최적화에서 오류

해결됨

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

안녕하세요 next 강의를 거의 마치고 vercel에 배포까지 완료한 후 마지막 강의인 배포 후 최적화를 강사님과 동일하게 작성 후 vercel --prod 명령어를 통해 프로젝트를 다시 배포하였는데 해당 오류가 나타납니다.. ㅠㅠ book 폴더에서 오류가 나는것 같은데 혼자 해결해보려고 했으나, 원인도 잘 모르겠고 검색해도 잘 안나와서 여쭤봅니다.. -오류- -/book/[id]/page.tsx 코드- import { notFound } from "next/navigation"; import style from "./page.module.css"; import { BookData, ReviewData } from '@/types'; import ReviewItem from "@/components/review-item"; import ReviewEditor from "@/components/review-editor"; import Image from "next/image"; export async function generateStaticParams() { const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/book`); if(!response.ok) { throw new Error(response.statusText); } const books:BookData[] = await response.json(); return books.map((book) => ({ id: book.id.toString(), })) } async function BookDetail({bookId} :{bookId:string}) { const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/${bookId}`); if(!response.ok) { if(response.status === 404) { notFound(); } return <div>오류가 발생했습니다...</div> } const book = await response.json(); const { id, title, subTitle, description, author, publisher, coverImgUrl } = book; return ( <section> <div className={style.cover_img_container} style={{ backgroundImage: `url('${coverImgUrl}')` }} > <Image src={coverImgUrl} width={240} height={300} alt={`도서 ${title}의 표지 이미지`} /> </div> <div className={style.title}>{title}</div> <div className={style.subTitle}>{subTitle}</div> <div className={style.author}> {author} | {publisher} </div> <div className={style.description}>{description}</div> </section> ); } async function ReviewList({bookId}:{bookId : string}) { const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/review/book/${bookId}`, {next:{tags:[`review-${bookId}`]}}); if(!response.ok) { throw new Error(`Review fetch failed : ${response.statusText}`); } const reviews:ReviewData[] = await response.json(); return ( <section> {reviews.map((review) => ( <ReviewItem key={`review-item-${review.id}`} {...review} /> ))} </section> ) } export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) { const {id} = await params; const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/${id}`); if(!response.ok) { throw new Error(response.statusText); } const book:BookData = await response.json(); return { title:`${book.title} - 한입북스`, description:`${book.title}`, openGraph:{ title:`${book.title} - 한입북스`, description:`${book.title}`, images:[book.coverImgUrl], } } } export default async function Page({ params }: { params: Promise<{ id: string }> }) { const resolvedParams = await params; return ( <div className={style.container}> <BookDetail bookId={resolvedParams.id} /> <ReviewEditor bookId={resolvedParams.id} /> <ReviewList bookId={resolvedParams.id} /> </div> ) }

  • react
  • typescript
  • next.js
최다빈 댓글 2 좋아요 0 조회수 220

newPost 'unknown' 형식에 'id' 속성이 없습니다.ts(2339)

미해결

맛집 지도앱 만들기 (React Native & NestJS)

안녕하세요 강사님 강의수강 중에 궁금한 점이 있어 문의드립니다. 강사님 PC에서는 해당 오류가 안나는데 저 소스에선 해당 에러가 뜨네요. 1.update response = newPost.id 관련해서 타입을 지정하지 않는건 의도 한부분인지 궁금합니다. 2.eslint 설정이 안뜨는 rule 설정이 궁금합니다. 'unknown' 형식에 'id' 속성이 없습니다.ts(2339) ❗ 질문 작성시 꼭 참고해주세요 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경 을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요. ( 일부만 자르거나 복사하지말아주세요 .) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.

  • react-native
  • typescript
  • nestjs
  • react-query
  • zustand
khjeong 댓글 2 좋아요 0 조회수 106

강의 자료 중복 체크 요청

해결됨

GPTs로 생산성 10배 높이기 - 프롬프트 프레임워크 활용으로 차원이 다른 결과를 만들자

3강과 13강의 강의 내용이 같습니다. 13강의 내용에 다른 내용이 들어가야 하는데 잘못 들어간 것 같습니다. 확인하셔서 제대로 된 강의 내용으로 업데이트 해주세요.

  • 챗봇
  • chatgpt
  • 프롬프트엔지니어링
  • 생성형ai
hslee 댓글 1 좋아요 0 조회수 138

[06-01] 동기/비동기는 강의 영상이 없나요?

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

강의 시간이 1분이고 영상 자체가 없어서요. 그냥 학습자료만 보고 넘어가는 부분인가요? 그리고 전체 강의 코드는 어디서 다운로드 받을 수 있나요?

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
희소식 댓글 2 좋아요 0 조회수 188

모니터

해결됨

개발자를 위한 컴퓨터공학 1: 혼자 공부하는 컴퓨터구조 + 운영체제

signal()을 호출한 프로세스의 실행을 일시 중단하고 자신이 실행된 뒤 다시 signal()을 호출한 프로세스의 수행을 재개 방식은 선점형 방식이랑 유사한것같고 wait()를 호출햇떤 프로세스는 signal()을 호출한 프로세스가 모니터를 떠난뒤에 수행을 재개 하는 방식은 비선점형이랑 유사한것같네요. 2. 상호배재를 위한 큐와 우선순위를 위한 조건변수 큐는 순서로 봣을떄 연속배치되는 형식의 그림이 더 자연스러울거같은데 우선순위를 위한 조건변수 큐 는 모니터 위에 있도록 그림이 그려진 이유가 잇을가요 ? 3. pcb의를 대기큐, 준비큐에 삽입하는것이 전에 봣던 강의중 명령어 사이클의 연장선이라고 생각해도될까요 ? 가령 pcb안에 잇는 프로세스 상태의 값을 변경하는것이라고 봐도되는걸까요

  • 컴퓨터-구조
  • 운영체제
  • 기술면접
릴뭐뭐 댓글 2 좋아요 0 조회수 142

댓글과 대댓글 api 설계

미해결

안녕하세요 댓글과 대댓글에 대한 조회 API에 관해 컨트롤러를 만들고 있습니다. 첫번째 사진은 postId 게시물 id에 관한 것이고 밑에 거(두번째 사진)는 처음 부모댓글을 조회하는 api입니다. 그리고 세번째 사진은 부모댓글에 대한 대댓글을 조회하는 api인데 이거를 분리시키는 게 옳은 건지 아니면 하나로 합쳐서 하는 게 좋은 지 질문 드립니다.

KMC 댓글 1 좋아요 0 조회수 102

피그마 버전이 어떻게 도나요

미해결

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

피그마 2024버전 인가요? 피그마 2025버전 인가요?

  • 프로토타이핑
  • 모바일-디자인
  • figma
  • ux-기획
  • 프로덕트디자인
ytn8282 댓글 1 좋아요 0 조회수 352

50부터 99까지 짝수 출력하기

미해결

홀수, 짝수를 구별하기 위해서 2로 나누는 조건을 추가해도 짝수들이 2로 나누어졌을 때 .0이 붙는 것 때문에 홀수처럼 float으로 판정됩니다. 2로 나누었을 때 int vs float 원리로 홀 짝을 구별하는 게 아닌가요?

kingofchaos 댓글 1 좋아요 0 조회수 55

mac 환경에서 ST-Link 펌웨어 업데이트 및 설치

해결됨

[임베디드 입문용] 임베디드 개발은 실제로 이렇게 해요.

Mac 환경에서 초기 세팅 및 환경 구축을 하려 합니다. 디버깅 단계에서 위의 오류 메시지가 뜨는데 해결 방법이 있을까요?? 참고로 ST-LINK utility 는 윈도우즈 환경에서만 돌아가는거 같은데, 따른 방법이나 대안 등이 있을까요?

  • st-link
  • macos
Boi Kun 댓글 2 좋아요 0 조회수 529

다형성 참조 질문입니다

미해결

김영한의 실전 자바 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. 이 부분에서 Animal이 에서 시작한다고 하셨는데 동적 바인딩은 런타임 시 실제 인스턴스를 기준으로 동작하는 것으로 알고 있습니다. 여기서 '시작'이라는 것이 컴파일 단계를 말씀하시는 건가요? 이 부분이 헷갈려서 질문드립니다 :)

  • java
  • 객체지향
딩띵 댓글 1 좋아요 0 조회수 103

client encoding 질문

미해결

참고질문: https://www.inflearn.com/questions/533059/%EC%8B%A4%EC%8A%B5-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%85%8B%ED%8C%85-%EA%B4%80%EB%A0%A8-%EB%AC%B8%EC%9D%98-mac-%ED%99%98%EA%B2%BD 안녕하세요. 맥 사용중이며, nw 스키마의 데이터가 누락되는 같은 문제를 겪고 있어서 질문 드립니다. 아래 두 문장 실행시켰을 때 다른 결과가 나오는데요. 이 경우 어떻게 해결해야 할까요? SELECT pg_encoding_to_char(encoding) FROM pg_database WHERE datname = 'postgres'; -- 결과: EUC_KR show client_encoding; -- 결과: UTF8 해결을 위해 아래의 코드를 실행한 후 euc-kr로 된 테이블 생성 sql 을 실행시키려고 했는데 오류가 나옵니다. set client_encoding = 'EUC-KR';

뉴뉴 댓글 1 좋아요 0 조회수 38

신 아이콘 등록방법

해결됨

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

안녕하세요 . 볼드님 강의 정말 잘 듣고 있습니다. 아이콘 union이 잘 안 되어서, 그룹을 풀고, outline stroke를 한 뒤, flatten을 하려고 하니 , 저렇게 깨져서요.. 방향키를 조절해보아도.. 잘 안 되네요 이럴 때는 어떻게 해야할까요? ㅜㅜ

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
이민지 댓글 2 좋아요 0 조회수 173

쓰레드 로컬 관련 질문 있습니다.

미해결

스프링 핵심 원리 - 고급편

private void syncTraceId() { TraceId traceId = traceIdHolder.get(); if (traceId == null) { traceIdHolder.set(new TraceId()); } else { traceIdHolder.set(traceId.createNextId()); } } private void syncTraceId() { if (traceIdHolder.get() == null) { traceIdHolder.set(new TraceId()); } else { traceIdHolder.set(traceIdHolder.get().createNextId()); } } 강의 중에는 위 쪽처럼 코드를 작성해주셨는데 아래에 작성한 코드 처럼 TraceId 객체를 바로 get() 으로 가져오지 않고, 별도의 traceId 를 만들어 사용하신 이유가 궁금합니다 . traceIdHolder 가 ThreadLoacl<TraceId> 타입인데 traceIdHolder.set(new TraceId()); 로 값 변경은 바로 하시는데 값을 가져오는 건 다른 방식인 것 같아서 궁금합니다~

  • spring
  • 디자인-패턴
황설탕 댓글 1 좋아요 0 조회수 128

유즈케이스 프로토콜과 구현체의 분리 이유

해결됨

iOS Clean Architecture & MVVM: RxSwift 완전 정복

덤벨로퍼님 안녕하세요! 덕분에 좋은 강의 잘 듣고 있습니다!! 유즈케이스의 경우 프로토콜과 구현체를 분리해서 구현하셨고, 보통 다른 사람들도 분리해서 구현하더라구요. 만약 기능 단위로 유즈케이스를 구현하게 된다면 굳이 프로토콜과 구현체를 분리안해도 될 것 같은데, 둘을 분리하여 얻을 수 있는 이점이 궁금합니다! 의존성 관리 측면에서 이점이 있다고 생각은 되는데 잘 와닿지가 않아서요ㅠㅠ 답변해주시면 감사하겠습니다 :)

  • ios
  • swift
  • 객체지향
  • mvvm
  • 클린-아키텍처
gration77 댓글 2 좋아요 0 조회수 295

인기 태그

인프런 TOP Writers

주간 인기글