inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

eslint.config.mjs 내 rules 어떻게 설정 하나요?

해결됨

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

import { defineConfig, globalIgnores } from "eslint/config"; import nextVitals from "eslint-config-next/core-web-vitals"; import nextTs from "eslint-config-next/typescript"; const eslintConfig = defineConfig([ ...nextVitals, ...nextTs, // Override default ignores of eslint-config-next. globalIgnores([ // Default ignores of eslint-config-next: ".next/**", "out/**", "build/**", "next-env.d.ts", ]), ]); export default eslintConfig; 위 와 같이 구성 되어 있는데, "@typescript-eslint/no-unused-vars: "warn" "@typescript-eslint/no-explicit-any": "off" 이 두가지 옵션을 어디에 입력해야 될지 모르겠어요 제미나이 답변으로는 아래 처럼 하라는데, 맞을까요? import { defineConfig, globalIgnores } from "eslint/config"; import nextVitals from "eslint-config-next/core-web-vitals"; import nextTs from "eslint-config-next/typescript"; const eslintConfig = defineConfig([ ...nextVitals, ...nextTs, // Override default ignores of eslint-config-next. { rules: { "@typescript-eslint/no-unused-vars": "warn", "@typescript-eslint/no-explicit-any": "off", }, }, globalIgnores([ // Default ignores of eslint-config-next: ".next/**", "out/**", "build/**", "next-env.d.ts", ]), ]); export default eslintConfig;

  • react
  • typescript
  • next.js
김주일 댓글 1 좋아요 0 조회수 133

[book]/[id]/page.tsx 모달 띄울 때 성능 하락 현상은 ReviewList를 불러오면서 발생하는 문제 같습니다.

미해결

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

이 부분을 주석처리해서 빌드하고 실행해보니 확실히 모달 띄우고 닫을 때 시간 체감이 될 정도로 줄어드네요. 강의에 넣어주신 Vercel 최적화를 진행해도 잡히지 않아서 더 근본적인 문제가 있는 것 같아 실험해 봤더니 유의미한 결과가 있던 것 같아서 공유드립니다. 개인적인 생각으로는 수십 개의 데이터를 한꺼번에 가져오는 바람에 생기는 성능 이슈라고 생각하는데, 페이지네이션 api 요청 처리를 배우는 겸으로 /review/book/${bookId} api를 조금 더 고도화하면 좋을 것 같습니다. 긴 강의 준비해주시느라 너무 고생 많으셨고, 덕분에 제 실무 프로젝트에도 아주 유용하게 적용할 수 있을 것 같습니다. 감사합니다!

  • next.js
  • typescript
이인기 댓글 2 좋아요 0 조회수 79

깃 실습할때 MyCoolApp관련 내용 직접 적어야 하나요?

미해결

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

코드 아예 모르는 생초보라.. 선생님은 미리 짜 놓은 내용으로 붙여넣으시는데 제가 관련 내용 직접 쳐야 하는게 의도인지, 아니면 다른 방식으로 적당히 내용을 채워야 하는지..? 궁금해서 여쭙니다ㅎㅎ 아니면 혹시 해당 내용 텍스트로 공유해주셨거나 강의록등에서 확인할 수 있을까요?

  • react
  • 웹앱
  • next.js
  • cursor
  • 인공지능(ai)
김소형 댓글 1 좋아요 0 조회수 80

claude code cli 멈춤 현상 문의

미해결

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

Cursor, VSCode 등 다양한 IDE와 Powershell 등의 환경에서 Claude Code 명령 프롬프트를 입력하고 실행할 경우 진행이 정상적으로 잘 되다가 멈춤 현상이 발생하고 있습니다. 예시) 토큰 양을 늘어나거나 줄어들지 않고 시간만 늘어나는 무한 로딩 현상 발생 토큰도 시간도 늘어나지 않고 현재 진행 중인 작업이 모든 하얀색 동그라미 모양이 깜빡이는데 그런 깜빡임조차 존재하지 않는 현상 발생 /compact 및 /clear를 진행하고 명령을 내려도 발생하고 있습니다. 처음 작업을 시작할 때도 발생하고 있습니다. 이러한 현상들이 저의 노트북 설정 혹은 IDE, Powershell 설정 오류로 인해 발생하고 있는 현상인지, 아니면 Claude Code cli의 문제인지 확인하고 싶습니다. 이러한 현상들로 인해 토큰을 낭비하고 있는 상황이 지속적으로 발생하고 cluade --resume을 지속적으로 해야되는 상황이 발생하고 있습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 1 조회수 1585

나만의 커스텀 출력 스타일 파일 만들기

미해결

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

이번 미션 4단계에서 Markdown파일을 만들때 파일생성위치는 파워셀에서 하는 건가요? 아니면 그냥 윈도우 폴더로 들어가서 만드는건가요? 그리고 인터넷에 검색해보니 메모장에서 만들라는데 무슨말인지 모르겠네요 ㅠ 컴퓨터 초보자라 많이 힘드네요 ㅠ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
heasolpapa1222 댓글 2 좋아요 0 조회수 124

윈도우 설치 문의 설치 : windows 탭 복사 붙여넣기 후 실패 npm 으로 설치 후 path부분이 영상과 다르게 나오질 않음

미해결

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

window -> irm https: // claude.ai / install.ps1 | iex 붙여넣기 했을 때 설치가 되지 않아 npm으로 설치 했는데 npm으로 설치하면 선생님이 말씀하신 path 복사할 내용은 따로 나오질 않아 그대로 폴더 생성 후 실행했는데 제대로 설치가 되지 않은 듯 합니다. 확인 부탁드립니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
조민희 댓글 2 좋아요 0 조회수 476

ctrl+v 안먹는 오류.

미해결

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

안녕하세요. 선생님. 커서에서 클로드코드 쓸 때 ctrl+v로 붙혀넣기가 안됩니다. 커서에서 파워쉘에 입력할 때는 잘 되는데, claude 명령어를 입력해서 클로드코드로 작업할 때는 ctrl+v가 안먹어요. art+v도 안먹습니다. 텍스트 붙혀넣기 텍스트 붙혀넣기는 클로드코드 내에서 ctrl+v, alt+v 등 전부 다 안됩니다. 마우스 우클릭을 하면 붙혀넣어지는데 이게 너무 불편해요 ㅠ 클립보드 이미지 붙혀넣기 이것도 ctrl+v alt+v 다 안되기는 마찬가지입니다. 클립보드에 확실히 저장이 된 건 그림판에서 체크를 해 봤습니다. 이건 마우스 우클릭으로도 붙혀넣기가 안돼요. 파일을 이미지로 저장한 후에 드래그 드롭으로 하고 있는데 너무 비효율적입니다. 혹시 이거 2개 해결방법이 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
우디 댓글 1 좋아요 0 조회수 773

섹션 24/25 미션관련하여 따라하기 튜토리얼을 만들어주시면 좋을 것 같습니다.

미해결

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

지금까지 영상을 쭉 봐왔고, 대략적인 흐름은 알 것 같아요. 미션 24/25가 지금까지 학습한 내용을 요약해서 실습을 하는 중요한 내용인데, 따라하기 형식으로 요약 영상 또는 튜토리얼 문서를 하나 만들어 주시면 큰 도움이 될 것 같습니다. 최대한 빠른 시간에 하나의 앱을 한 번 만들수 있도록 지원 부탁드립니다. 내용은 너무 훌륭하고 많은 것을 배우고 있습니다. 감사해요. 강사님의 다른 영상으로도 지속적으로 학습할 예정입니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
misoh049 댓글 2 좋아요 0 조회수 69

128. 스킬..아쉽습니다.

미해결

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

mcp 사용 해서 사이트 작성 하는 것은 어렵지도 않고..찾아보면 자료도 많습니다. 저 또한 평상 시 MCP 는 잘 쓰고 있는데 스킬은 이해가 안되서 유튜브 영상 이나 블로그 등 자료를 많이 찾아 봅니다. 그래도 이해가 안되더군요.. 지금 이 영상도..다른 영상이나 블로그 등에서 본 내용과 별반 다른 내용은 없었던 것 같습니다. 그래서.. - skill 이라는 것을 어떻게 작성 하는 건가요? - skill 이라는 것을 어떤 내용을 작성 하는 건가요? 지금 이 영상도..클로드코드 사이트에 있는 예시를 사용 해서 설명 하는데.. 이게..실제 프로젝트에 적용 할 수 있다고 보시나요? 이런 거 말고.. 실제로 사이트 제작 시 스킬을 이용 해서 작성한다던가 ..하는...실제로 사용할 수 있는 것을 예시라도 보여 주셔야죠.. 단순히 클로드코드 사이트에 있는 예시 하나 보여준다고 해서..크게 도움이 될 것 같지는 않습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
민경언 댓글 3 좋아요 -4 조회수 194

claude code cli 내 한글 조합 중 입력 외부 표기

미해결

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

사진처럼 안녕 다음 "아"라는 글자를 쓰고 있는데, 자음 모음을 모두 조합하는 과정에선 저렇게 실선 바깥에서 조합이 되고, 다음 글자 입력이 될 때 이전 조합이 완료되었다 판단하며 다시 실선 내에 표시되고 그런 현상이 있습니다... iTerms를 사용해도, cursor 에디터 내 터미널을 사용해도 동일 증상이 재현됩니다...

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
Yeonny Kim 댓글 3 좋아요 0 조회수 2778

인덱스 설계 시 컬럼 선택 기준

해결됨

실전! 데이터베이스 완전정복 [설계편]

안녕하세요. 강사님의 좋은 자료 덕분에 장고 강의에 이어 데이터베이스 설계 강의까지 함께하고 있는 수강생 입니다. 강의를 듣던 중, "22.선택도 / 3:51" 내용을 보고 의문점이 생겨 질문 남깁니다. 배경 선택도 값이 낮으면, 조건에 맞는 행이 적다 → 인덱스 효율이 증가한다. 선택도 값이 높으면, 조건에 맞는 행이 많다 → 인덱스 효율이 떨어진다. 라는 설명을 듣고, "중복이 적을수록 인덱스를 생성하면 더 효율적이겠구나" 라는 정보를 얻었습니다. 그 후, "어떤 컬럼을 선택해야 할까?" 장표에는 그중에서 선택성이 높은 컬럼 위주로 인덱스 생성 이 효율적이라고 설명과 더불어 자료를 보여주셔서 의문이 생겼습니다. 질문 Q. 선택성이 높으면 조건에 맞는 행이 많아 중복되는 행을 다시 스캔하여 필터링 하기 때문에 인덱스 사용에 비효율적이지 않을까요? 그럼 나머지 강의를 일단 수강하며 배움에 즐거움을 만끽하러 가보겠습니다. 감사합니다.

  • mysql
  • dbms/rdbms
  • database
  • modeling
  • db
  • 카카오공채-개발
제로콜라 함 즐길까 댓글 2 좋아요 0 조회수 141

/context 에서 Autocompact Buffer

미해결

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

수업 정말 유익하게 보고 있습니다. 감사드립니다. Mcp 설정들이 많아지다 보니 컨텍스트에서 기본적으로 작업 영역이 많이 줄어든 채로 새로운 세션이 시작하게 되네요. 제 claude code cli 의 /context 슬래쉬 명령에서는 아래 이미지에서처럼 항상 Autocompact Buffer가 45k를 차지하고 있는데 강의 화면에서는 이것이 보이지 않고 있어요. 어떤 차이 때문에 그런 걸까요? 저는 프로플랜을 사용하고 있습니다. 강의화면

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
이은우 댓글 1 좋아요 0 조회수 226

섹션 23 퀴즈가 활성화 되지 않습니다.

미해결

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

영상을 모두 봤는데, 퀴즈가 실행되지 않습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
misoh049 댓글 2 좋아요 0 조회수 59

nextjs 튜토리얼에 server.ts가 없어요...

미해결

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

업데이트가 된건가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
misoh049 댓글 3 좋아요 1 조회수 168

강사님께 드리는 충언

미해결

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

웬만하면 sonnet으로 진행하세요 수강생 중에 100-200달러 구독자가 많을 것 같나요, 20달러 구독자가 많을것같나요? 애초에 plan 모드에서 첫 답변부터 강사 화면과 너무 달라서 신기술을 빠르게 따라쳐보고 학습한다는 목적에 부합하질 않습니다. LLM 답변의 무작위성을 답변으로 달지마세요. 그건 개념원리를 깊게 학습하는 목적의 강의에서나 할말이지, 이런 시급성이 주가되는 최신기술 강의에서는 빠르게 수강하기 위해 어느정도의 재현가능성은 중요합니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
이상현 댓글 2 좋아요 0 조회수 167

cursor+claude code 진짜 못해먹겠네요 ㅎ

미해결

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

사소하고 자잘한 버그같은게 수업 들을때마다 나오네요. LLM이 추론을 진행할 때 최상단으로 고정되는 문제..(추론과정 실시간으로 감상 못합니다) 이상한 화면 이중으로 미친듯이 깜빡이는 문제...(멈출때까지 아무것도 못합니다) 짜증나서 못해먹겠네요. vscode로 해보고 안되면 잠시 강의 묵혀두고 다음에 오겠습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
이상현 댓글 1 좋아요 0 조회수 376

커서 ui 변경

미해결

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

안녕하세요. 챕터5에 커서 설치하는 부분부터 전체적으로 변경된 부분이 많아서 따라할 수가 없네요 ㅠ 화면만 다른게 아니고 최대한 똑같이 따라해도 안되는 부분이 많은 것 같습니다. 일단 6챕터 보고 있는데 이 뒤로는 커서 활용이 안되서 진도가 안나가는데 어떡하죠?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
우디 댓글 2 좋아요 0 조회수 217

터미널에서 프롬프트 작성 시 글자 밀리는 문제

미해결

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

안녕하세요! 터미널을 이용해서 클로드에 프롬프트를 작성할 때 맥 환경에서 iterm2를 사용하는데요. 프롬프트 작성을 위해 "한글 입력"을 하다가 "줄바꿈"을 하면 마지막 글자가 줄바꿈으로 아래 라인으로 밀리게 되는데요. 이를 해결할 방법이 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김상원 eddy 댓글 2 좋아요 0 조회수 1539

커서ai 질문

미해결

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

강의에서 보면 커서AI로 클로드코드를 실행해도 터미널에서 클로드코드 하는 것처럼 보이는데, 제가 커서ai에서 클로드ai를 실행하면 이렇게 대화형식으로 보입니다. 커서ai 에서 터미널처럼 볼 수 있는 방법 좀 알려주세요!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
앤기브마케팅 댓글 2 좋아요 0 조회수 196

깃 커밋 메시지 작성

미해결

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

깃 커밋 메시지 자동 작성을 한국어로 나오게 하려면 어떻게 해야할까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
저트 댓글 2 좋아요 0 조회수 134

인기 태그

인프런 TOP Writers

주간 인기글