inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

rehype-sanitize 설치의 필요성

미해결

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

Rehype-sanitize를 사용하면 어떻게 설정을 하든, <u>에 대한 허용을 설정하든, '밑줄'을 긋는 서식에 대한 결과가 제대로 이루어지지 않습니다. 항상 생략되어 밑줄쳐둔 부분은 삭제되는 결과를 낳습니다. 그래서 드는 생각이, 어차피 제 노션에서 쓴 글을 받아서 작성하는데, 텍스트로 html코드를 이상하게 적어둘것도 아니므로, 굳이 sanitize가 있을 필요가 있나 하는 의문이 듭니다.

  • react
  • 블로그
  • next.js
  • cursor
  • cursorai
주병규 댓글 2 좋아요 0 조회수 142

미션 제출기한 문의드립니다!

해결됨

6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

안녕하세요. 미션 제출기한 관련 문의드립니다. 주말에 급한 일정이 생겨 미션 제출을 금주 중에 할 수 있을 것 같습니다. 혹시 미션제츨을 늦게하면 패널티가 있나요..?

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
이정호 댓글 2 좋아요 0 조회수 53

미션5 이미지 첨부

미해결

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

맥, 클로드코드2.1.5, haiku 모델로 사용중인데 플랜모드 뿐 아니라 모든 모드에서 이미지 붙여넣기가 안되네요 다른곳에는 붙여놓기가 됩니다 아래처럼요

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

프리젠테이션 시 사용하시는 마우스/펜 프로그램

미해결

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

안녕하세요. 다양한 색깔의 마우스 펜/ 줄긋기 기능을 사용하시던데, 관련한 애플용 앱 이름이 뭔지 알수 있을까요?? 감사합니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
성명기 댓글 1 좋아요 0 조회수 107

nvm + window 사용시 계속 문제 발생

미해결

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

window에서 nvm 사용하고 있습니다 다름이 아니라 nvm 때문에 경로가 계속 이상하게 잡혀서 설치부터 설정까지 제대로 되는 게 없는데요 ㅠㅠ 문제가 생길 때마다 ai 도움 받아서 환경 변수 경로도 바꾸고 해결하고 있긴 한데 강의를 진행할 수록 문제가 계속 생기네요 nvm을 안쓰는 게 나은 걸까요? (설정을 많이 건들어서 이제 와서 nvm 지운다고 다시 돌릴 수 있을지도 걱정입니다ㅠㅠ) 클로드코드가 원래 window 는 호환이 잘 안되는 건지 강사님이 mac 기준으로 작업하셔서 설정이 조금씩 다른 건지 알 수가 없는 게 가장 답답하네요ㅎㅎ 지금까지 있었던 문제 : claude 인식 불가, ide 인식불가, mcp 인식불가, statusLine 노출안됨 이었고 인식 문제는 해결했는데 (statusLine은 아직도 안 나오고 있습니다) 또 다시 생긴 새로운 문제는 settings.local.json 에 허가 목록을 넣어놔도 어떤 작업을 요청하면 계속 권한을 물어봅니다; ("Bash" 로 넣었을 때도 아무 효과가 없어서 에러메시지 보고 "Bash:*"로 수정한 것) "permissions": { "allow": [ "Bash:*", "mcp__playwright:*", "mcp__context7__*", "Bash(del nul)", "Bash(git add:*)", "Bash(git commit:*)", "Bash(netstat:*)", "Bash(findstr:*)", "Bash(taskkill:*)", ] }, 어떻게 하면 좋을까요..?

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

플랜 및 비용 질문

미해결

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

안녕하세요. Claude Pro플랜으로 결제해서 학습 중인데요, 그러면 Pro플랜의 월비용 이외에 발생하는 금액은 없는건가요? 중간에 궁금해서 찾아봤는데 이렇게 떠있어서 헷갈리네요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
tpfprkem92 댓글 2 좋아요 1 조회수 193

interactive Question 기능 질문

미해결

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

안녕하세요 짐코딩님 덕분에 좋은 기능 배우고 있습니다! 일단 윈도우11서 claude code의 pro 이용을 하고 있습니다. 다름 아니라, 계획 검토 및 수정 요청 부분이 궁금해서 질문드립니다...! 저 같은 경우, 처음부터 interactive Question 기능이 나오는 것을 봤을 때, 이 기능이 default인 거 같더라고요 근데 계획을 다 보고, 계획 내용을 수정하고 싶은데, 따로 수정사항을 요청하는 선택지는 없고, esc를 누르면 아예 취소가 되서 미션 중의 3단계를 어떻게 할 수 있을지 궁금해서 질문드립니다!

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

mcp 서버 설치 질문

미해결

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

claude mcp add --transport http paypal --scope project https://mcp.paypal.com/mcp Added HTTP MCP server paypal with URL: --scope to local config File modified: /Users/tkstart/.claude.json [project: /Users/tkstart/Desktop/development/claude-code-mastery] 스코프를 프로젝트로 설정하고 명령어를 입력하는데 보시는 바와같이 글로번 환경에 .claude.json에 "프로젝트 루트" 키로 우리가 잘아는 mcp 설정 값이 들어갑니다... 공식문서에서도 여전히 .mcp.json을 생성한다고 작성되어있는데요, v2.1.2(질문 작성 시점 최신버전)에서는 작동방식이 변경되었나봅니다... 이러면 팀원들이랑 공유가 안되는거 아닌가요...?

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

output style 질문.

미해결

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

output style md 파일에 rule 개념을 넣으면 실제로 코드를 작성하고 반영할 때 해당 rule을 지키면서 반영하더라고요. CLAUDE.md 파일을 안만들고 특정 프로젝트에 적용하는 global rule 개념으로 사용해도 되는건가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
Tk 댓글 1 좋아요 0 조회수 84

이렇게(캡쳐) 뜨고 클로드 설치가 안 됩니다

미해결

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

어떻게 하면 될까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
NAJAKSA 댓글 3 좋아요 0 조회수 1777

취약점 제거시 nestjs 버전 문제가 생길까요?

해결됨

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

'섹션 2. Next.js를 소개합니다' - '7. 1.3) 실습용 백엔드 서버 세팅하기' 강의 10:04 에서 npm i 하면 ' 30 vulnerabilities (9 low, 7 moderate, 13 high, 1 critical) '라고 취약점이 많이 떠서 AI를 활용해서 취약점을 제거 했습니다. AI가 권하는대로 npm audit fix npm install @nestjs/common@latest @nestjs/core@latest @nestjs/platform-express@latest @nestjs/swagger@latest @nestjs/cli@latest @nestjs/testing@latest 명령어를 사용하여 취약점을 제거했습니다. 이후 npm i 등 cmd 명령어를 순서대로 입력해서 해당 강의에서는 문제 없이 잘 진행이 됩니다. npm install @nestjs/XXX@latest 명령어들이 최신 버전을 설치하는거 같아서 나중에 버전 관련 문제가 생기지 않을까 걱정이 됩니다. 지금이라도 다시 백엔드 서버 세팅을 다시 맞춰서 강의와 맞는 버전으로 진행하는게 좋을까요?

  • react
  • typescript
  • next.js
Sec 댓글 1 좋아요 0 조회수 118

# 메모리 기능이 없네요..

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

2.0.76 (Claude Code) 버전에는 # 메모리 기능이 없습니다..ㅠ (+ 자문자답일거 같은데요.. 혼자 이것저것 하다보니 /memory 기능 이용하면 어쨌든 CLAUD.md에 내용 저장하게끔 하는 기능이 있는데, 결국 # 쓰는거랑 결과는 동일하니 이렇게 처리하면 되겠죠...?)

  • spring-boot
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
devJR 댓글 2 좋아요 2 조회수 167

넥스트 버젼 질문

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 강의를 사놓고 조금 듣고 네이티브 공부를 하다가 다시 공부를 하려고합니다 강의상에서는 넥스트를 9버젼을 쓰는데 최신 버젼을 쓰는걸 추천하실까요? 아니면 구버젼 그대로 쓰는걸 추천하실까요?

  • react
  • redux
  • node.js
  • express
  • next.js
정진호 댓글 2 좋아요 0 조회수 110

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

CFLAGS에 -c 옵션 넣는게 맞는지 궁금합니다.

미해결

리눅스 시스템 프로그래밍

안녕하세요, GNU make 여기서 Compiling C programs를 보면 CFLAGS와 -c가 따로 있는데, CFLAGS에 -c를 넣는게 맞는지 궁금해서 질문드립니다! 상관없는건가요..?

  • linux
  • 운영체제
  • linux-kernel
  • ipc
  • pthread
  • system-programming
gm3361 댓글 1 좋아요 0 조회수 77

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

인기 태그

인프런 TOP Writers

주간 인기글