inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Next.js 마치며.. 강의 피드백 폼 링크 연결 문제가 있습니다.

해결됨

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

안녕하세요. 좋은 강의로 Next.JS 수강을 마쳤습니다. 그런데 수업노트에 있는 강의 피드백 폼 링크가 엉뚱한 곳으로 연결 됩니다. https://forms.gle/MhvAagJvttQCtS1f6 링크 주소를 치고 들어가면 제대로 들어 접근하는데.. 링크를 클릭하면 다른 곳으로 연결됩니다. 수정이 필요합니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
Codingbear 댓글 2 좋아요 0 조회수 68

tailwindcss v4.1 에서의 script 사용에 대해 궁금한 점이 있습니다.

미해결

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

컨테이너(Container) 강의 중 6분 59초에 나오는 <script> 시멘틱 태그 안에 작성된 tailwind.config 는 최신 버전에서 작동하지 않는데 어떻게 하면 사용할 수 있나요?

  • HTML/CSS
  • javascript
  • 반응형-웹
  • tailwindcss
승현 댓글 1 좋아요 1 조회수 125

revalidateTag 에서 매개 변수가 하나 더 늘어서 질문합니다.

해결됨

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

안녕하세요. next.js 16 버전으로 해당 강의를 보며 달리고 있는데요. revalidateTag 설정에서 파라미터 값이 하나 더 늘어나 있습니다. revalidateTag(tag: string, profile: string | { expire?: number }): void; tag 파라미터 뒤에 profile 파라미터를 넣어야 하네요. 기본적으로는 'max' 값을 넣었고, expire로 사용자 지정 만료 동작을 위한 값을 지정하게 되어 있습니다. 이것이 구체적으로 어떤 매개변수인지 궁금합니다. 그리고 이전의 tag 파라미터만 있을 경우 와 같은 조건의 매개변수 값은 어떻게 되는지 알고 싶습니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
Codingbear 댓글 1 좋아요 0 조회수 110

vscode eslint server 오류

미해결

타입스크립트 입문 - 기초부터 실전까지

ESLint server is starting. 2025-10-31 16:07:45.117 [info] ESLint server running in node v22.19.0 2025-10-31 16:07:45.120 [info] ESLint server is running. 2025-10-31 16:07:46.021 [info] ESLint library loaded from: /Users/ijinseob/learn-typescript/node_modules/eslint/lib/api.js 2025-10-31 16:07:46.026 [error] An unexpected error occurred: 2025-10-31 16:07:46.026 [error] Error: Could not find config file. at assertConfigurationExists (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:80:17) at LegacyConfigLoader.loadConfigArrayForFile (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:414:3) at async ESLint.lintText (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/eslint/eslint.js:1123:4) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:189380 at async O (/Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:182146) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:29208 at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:11102 2025-10-31 16:07:55.052 [error] An unexpected error occurred: 2025-10-31 16:07:55.053 [error] Error: Could not find config file. at assertConfigurationExists (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:80:17) at LegacyConfigLoader.loadConfigArrayForFile (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/config/config-loader.js:414:3) at async ESLint.lintText (/Users/ijinseob/learn-typescript/node_modules/eslint/lib/eslint/eslint.js:1123:4) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:189380 at async O (/Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:182146) at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:29208 at async /Users/ijinseob/.vscode/extensions/dbaeumer.vscode-eslint-3.0.16/server/out/eslintServer.js:1:11102 extension 설치는 했는데 config 설정에서 계속 뭔가 안되네요ㅠ

  • javascript
  • typescript
  • es6
이진섭 댓글 1 좋아요 0 조회수 116

Lovabe - supabese 연동이 노베이스 비개발자에겐 너무 어렵습니다.

해결됨

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

💬 좋은 질문 예시 [진도] 1주차 5강 웹사이트 만들기 [질문] Lovable 에 자체 클라우드가 생기면서 supabase를 연동하기 힘들어 졌습니다. Lovable유료결제 까지 하면서 원인을 찾아보려고 했는데 일주일 동안 찾지 못 했습니다. 전에 같은 질문을 하신분의 답변에 다른 분의 영상을 봤는데도, 그것으로는 해결이 되지 않는 상황입니다. 아예 베이스가 없기 때문에 supabase가 뭔지도 모르는 상황이고 이 둘을 어떻게 연결해야 할지도 모르는 상황입니다. 현재 바뀐 상황을 들여다 본 후 답변 주셨으면 좋겠습니다. 혹은, supabase 연동 없이 Lovable 자체 클라우드를 활용해서 강의를 진행해도 괜찮을지 알려주시면 supabese 없이 Lovable 클라우드로 진행해 보겠습니다. 제가 변화에 대처하질 못하는 상황이지만, 항상 질 높은 강의 감사드립니다.

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
멘토폴메이커 댓글 3 좋아요 0 조회수 279

일기 만들기 노션 링크가 어디있나요?

해결됨

[CSS&JS Master] - 트렌디한 감정기록 일기장 만들기

마지막 섹션에 있는 강의 자료에는 코드만 있는데 일기 만들기 노션링크는 어디서 확인할 수 있나요?

  • HTML/CSS
  • javascript
  • vanilla-javascript
mkk0754 댓글 2 좋아요 0 조회수 110

함수나 변수 작성(선언?) 위치 선택 기준

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

아래의 코드를 기준으로 했을때, getMonthlyData함수는 Home 컴포넌트의 바깥에서 작성해주고 있고, 그외에 onIncreaseMonth같은 것은 Home 내부에 작성해주고 있는데, 매번 이런 작성 위치가 헷갈리더라고요. 작성 위치를 정하는 명확한 기준이 따로 있을까요?? import { useState, useContext } from "react"; import { DiaryStateContext } from "../App"; import Header from "../components/Header"; import Button from "../components/Button"; import DiaryList from "../components/DiaryList"; const getMonthlyData = (pivotDate, data) => { const beginTime = new Date( pivotDate.getFullYear(), pivotDate.getMonth(), 1, 0, 0, 0 ).getTime(); const endTime = new Date( pivotDate.getFullYear(), pivotDate.getMonth() + 1, 0, 23, 59, 59 ).getTime(); return data.filter( (item) => beginTime <= item.createdDate && item.createdDate <= endTime ); }; const Home = () => { const data = useContext(DiaryStateContext); const [pivotDate, setPivotDate] = useState(new Date()); const monthlyData = getMonthlyData(pivotDate, data); const onIncreaseMonth = () => { setPivotDate(new Date(pivotDate.getFullYear(), pivotDate.getMonth() + 1)); }; const onDecreaseMonth = () => { setPivotDate(new Date(pivotDate.getFullYear(), pivotDate.getMonth() - 1)); }; return ( <div> <Header title={`${pivotDate.getFullYear()}년 ${pivotDate.getMonth() + 1}월`} leftChild={<Button onClick={onDecreaseMonth} text={"<"} />} rightChild={<Button onClick={onIncreaseMonth} text={">"} />} /> <DiaryList /> </div> ); }; export default Home;

  • javascript
  • react
keeenco 댓글 2 좋아요 0 조회수 95

setTimeout 에서 this

미해결

코어 자바스크립트

영상에서 setTimeout()함수 예제를 설명하실 때 setTimeout()은 this 를 별도로 처리하고 있지 않아서 전역객체로 나온다는 설명이 있는데 이 말이 setTimeout()에서 콜백함수를 별다른 처리없이 함수로써 호출하고만 있다는 뜻인가요?

  • javascript
hcode 댓글 1 좋아요 0 조회수 100

one과 two의 값지정

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 2.4 강의 중 rest매개변수 부분에서 // 2. Rest 매개변수 // -> Rest는 나머지, 나머지 매개변수 function funcB(one,two,...rest) { console.log(rest); } funcB(...arr1); 여기서 혹시 one과 two에 값을 지정할 수 있는 방법도 있을까요?? one = 10, two =20 해서 console.log()로 찍어봤을 때 10, 20 ,...이 되게 하는 방법이 있는 지 궁금합니다.

  • javascript
  • react
  • node.js
  • 카카오공채-개발
고민지 댓글 1 좋아요 0 조회수 49

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

미해결

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

안녕하세요. 에러가 발생해서 질문드립니다. 경로는 아무리 봐도 맞게 쓴거 같은데 찾지를 못 합니다. Build Error Module not found: Can't resolve '@/app/(afterLogin)/_component/FollowRecommend' ./Desktop/FRONT/z-com/src/app/(afterLogin)/layout.tsx (10:1) Module not found: Can't resolve '@/app/(afterLogin)/_component/FollowRecommend' 8 | import LogoutButton from "@/app/(afterLogin)/_component/LogoutButton"; 9 | import TrendSection from "@/app/(afterLogin)/_component/TrendSection"; > 10 | import FollowRecommend from "@/app/(afterLogin)/_component/FollowRecommend"; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 11 | 12 | export default function AfterLoginLayout({ children }: { children: ReactNode }) { 13 | return ( Import map: aliased to relative './src/app/(afterLogin)/_component/FollowRecommend' inside of [project]/Desktop/FRONT/z-com/src https://nextjs.org/docs/messages/module-not-found

  • react
  • next.js
  • react-query
  • next-auth
  • msw
김영제 댓글 2 좋아요 0 조회수 147

강의에 대해 질문 드립니다.

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

제가 vue.js 끝장내기 - 실무에 필요한 모든 것과 vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 두 강의를 오래 전에 구매했습니다. 개인 사정으로 이전에는 학습을 못하다가 당장 두 세달 내 프로젝트에 투입이 되어야 하는 상황에 직면하여 지금 필요에 의해 학습을 시작 하려고 합니다. 헌데 구매한 시점이 오래되다보니 이 강의들이 vue3를 사용해야 하는 지금 환경에서 당장 투입이 될 수 있는 도움이 되는지 아니면 버전의 차이로 많은 부분이 달라 새로 업데이트된 강의를 구입하는게 더 적절한지 알고 싶습니다.

  • javascript
  • vue.js
  • vuex
bluebamus 댓글 1 좋아요 0 조회수 93

수강생 디스코드 커뮤니티 관련 질문

미해결

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

개인적으로 오픈 채팅방이나 카페는 별로 선호하지 않아서 혹시 안내된 디스코드 같은 경우에는 링크가 없을까요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
yeong 댓글 1 좋아요 0 조회수 46

fontawesome 사용 문의

해결됨

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

사용하려면 kit를 생성해야하는 것 같은데 무조건 구독을 해야하는건가요?

  • javascript
  • node.js
  • docker
  • rest-api
  • nestjs
은희 댓글 2 좋아요 0 조회수 120

관리자 자동 로그아웃 문의드립니다.

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

관리자 계정이 시간이 지나면 자동으로 로그아웃이 안되어서 매번 isLoggedIn false로 바꿔주고 있는데 강의에서 24시간 설정했는데 24시간 이후 자동로그인이 안되는 것 같아서 문의드립니다. 감사합니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
robot 댓글 1 좋아요 0 조회수 105

page 컴포넌트명을 동일하게 Page 로 짓는 이유가 있나요?

해결됨

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

안녕하세요. layout 컴포넌트는 레이아웃 용도에 맞게 컴포넌트 함수명을 짓는데.. page 컴포넌트는 일관되게 Page 로 컴포넌트 명을 사용하는 이유가 있나요? page 컴포넌트도 IndexPage, SearchPage, BookDetailPage 식으로 의미를 부여했으면 합니다.

  • react
  • typescript
  • next.js
  • 카카오공채-개발
Codingbear 댓글 2 좋아요 1 조회수 102

별도의 CSS 파일을 styles 폴더에 작성하면 안되나요?

해결됨

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

Next.js 에서 스타일 파일을 작성할 때 기존에 styles 폴더 안에 작성하지 않는 이유가 있나요? 처음 프로젝트 생성할 때 보면 styles 폴더에 module.css 파일이 존재하던데.. styles 폴더가 존재하는 이유는 globals.css 하나 땜인가요?

  • react
  • typescript
  • next.js
  • 카카오공채-개발
Codingbear 댓글 2 좋아요 0 조회수 92

페이지 라우터 프로젝트 생성을 버전 15로 하여도 되나요?

해결됨

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

안녕하세요! 한 입 크기로 잘라 먹는 Next.js 책을 구매하고 나서 해당 강의를 듣기 시작한 강생입니다. 책의 내용과 수강 내용을 병행하며 강의를 듣고 있습니다. 책 내용에서는 Next.js 15로 페이지 라우터 프로젝트를 생성하고 있어서... 이젠 15로 페이지 라우터 생성해도 되겠지요 아래는 책에서 지정한 명령어 npx create-next-app@15.2.3 onebite-books-page-router 강의에서 추천한 프로젝트 생성 명령어 npx create-next-app@14 section02

  • react
  • typescript
  • next.js
  • 카카오공채-개발
Codingbear 댓글 2 좋아요 0 조회수 109

8강 수업자료 url 없음

미해결

AI와 함께 배우는 Next.js

안녕하세요 ! 수업자료 url이 연결되어있지 않은 것 같습니다 ~ 추천 플러그인 궁금하네요 ..!! 👀 👀

  • javascript
  • react
  • next.js
  • cursor
  • 인공지능(ai)
Seoin 댓글 1 좋아요 0 조회수 80

Ngrok 설치 후 forwarding Url로 연결 불가

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩님 강의 잘 듣고 있습니다. 다름이 아니라, 강의를 들으면서 Ngrok를 설치 후forwarding Url로 크롬브라우저에서 치고 들어가면 , 아래와 같은 에러 가 떠서 어떻게 해결 해야 하는지 답변 을 듣고 싶어 글을 작성하게 되었습니다. 에러 화면은 아래와 같습니다. 추가적으로 위 사진하나로 해결 방법이 파악이 불가능하다면, 추가로 다른 어떤 것을 첨부해야 에러를 해결 할 수 있는 점이라면 , 저에게 어떤 스샷이 필요한지 말씀해주시면, 다시 스샷 올려서 질문을 이어나가겠습니다. 답변 꼭 주시면 감사하겠습니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
isbcom1004 댓글 1 좋아요 0 조회수 171

Home 구현 중 getMonthlyData에서 질문이 있습니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

구현해야할 Home 페이지는 title의 월과 년도가 같은 일기들을 보여주면 된다고 생각해서 beginTime과 endTime의 구현 없이, 단순히 월과 년도가 같으면 해당 아이템을 가져오는 방식으로 작성했습니다. 이렇게 했을 때 비교적 코드가 간단해 보인다고 생각했고 Home 구현만 한 현재까지는 문제없이 작동되는데,혹시 다른 문제를 일으킬 여지가 있는걸까요? 답변 미리 감사드립니다. const getMonthlyData = (data, pivotDate) => { return data.filter( (item) => item.createDate.getMonth() === pivotDate.getMonth() && item.createDate.getFullYear() === pivotDate.getFullYear() ); };

  • javascript
  • react
  • node.js
  • 카카오공채-개발
diazepam57 댓글 2 좋아요 0 조회수 53

인기 태그

인프런 TOP Writers

주간 인기글