inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

백엔드 서버 오류납니다.

미해결

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

백엔드 서버 다운받아서 실행하려고 npm run start 했는데 오류가 발생합니다. .env파일도 보이지 않습니다.

  • react
  • next.js
kyk9412 댓글 2 좋아요 0 조회수 110

서브 에이전트 관련 및 커맨드 관련 질문

해결됨

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

안녕하세요. 클로드 코드 강의를 지속적으로 수강하면서 관련 의문점들이 몇 가지 생겨 질문드립니다. 우선적으로 프론트엔드를 기반으로 에이전트 및 커맨드를 생성하고 있는 것으로 강의를 들으면서 받아들여지고 있습니다. 하지만 풀스택 개발자나 혹은 백엔드 개발자, 프론트 작업을 많이 수행하지 않는 사람들은 어떤 식으로 작업을 만들고 진행하는 지에 대해서도 추가적으로 참고 자료나 강의 영상이 있으면 좋을 것 같습니다. 또한 저는 pro 버전을 사용하고 있어 토큰의 부담이 있어 sonnet 모델이 아닌 haiku 모델을 사용하고 있습니다. 차이점에 대한 영상은 보았지만 실제 모델별 코드의 품질 차이를 영상으로 확인할 수 있으면 좋을 것 같습니다. 특히 대형 프로젝트 (프론트, 백엔드, AI가 결합된 경우 각 영역을 담당하는 사람이 다를 경우 건드리면 안된다는 규정을 많이 두는데 이러할 경우 권장 모델 및 서브에이전트, 컨택스트 관리, 커맨드 설정 등 어떤 식으로 해야 되는지) 마지막으로 현재 프로젝트 내에 생성하는 것과 모든 프로젝트 내에서 커맨드와 서브에이전트를 사용하고자 할 때 실제 작성하는 md 파일의 차이점을 실제 눈으로 확인할 수 있으면 좋을 것 같습니다. 이러한 의문점이 발생하게 된 계기는 실제 프론트엔드 지식이 React 정도이고 현재 짐코딩님의 React 강의를 듣고 있는 상황에서 Next.js로 만들다 보니 이해가 잘 되지 않는 점도 있고 실제 목표는 풀스택, 백엔드, 보안 쪽으로 취업하는 것이 목표이기 때문에 이러한 방식으로 활용한다는 점은 좋지만 막상 적용하고자 하니 어떤 식으로 작성해야 될 지 막막한 점이 있어 질문 및 가능하다면 강의 요청을 남기는 것입니다!

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

섹션 퀴즈 문제에 대해서 검토 요청

미해결

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

"섹션 9 퀴즈"의 1번 문제, "Claude Code 설정 파일의 올바른 우선순위 순서는 무엇인가요?" 의 정답이 1번, 기업>사용자>프로젝트으로 나오는데, 이 반대가 아닌지 확인하여 주세요. * 공식문서에서 발췌 범위가 상호작용하는 방식 동일한 설정이 여러 범위에서 구성되면 더 구체적인 범위가 우선합니다: Managed (최고) - 아무것도 재정의할 수 없음 명령줄 인수 - 임시 세션 재정의 Local - 프로젝트 및 사용자 설정 재정의 Project - 사용자 설정 재정의 User (최저) - 다른 것이 설정을 지정하지 않을 때 적용 예를 들어, 사용자 설정에서 권한이 허용되지만 프로젝트 설정에서 거부되면 프로젝트 설정이 우선하고 권한이 차단됩니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
YH SHIN 댓글 2 좋아요 0 조회수 52

뭐하나 여쭤봐도 될까요?

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

안녕하세요 복습하러 들어왔습니다. 그나저나 코딩님.. 뭐하나 여쭤봐도.. 다른 어느 소스를 보니까.. component 1 index.js component2 index.js component3 index.js .. 폴더마다..죄다 ...... index.js 가 있는데... 짐코딩님께 여쭤 봐도 될련지요.. ? 번거로우시겠지만.. 고견 , 첨언 부탁드립니다. (P.S: 또 ..AI가 답변할라나? .쩝) [ AI ] " 컴포넌트 폴더에 index.js 를 두는 리팩토링 팁???? " 리팩토링?... 엥? 저렇게 리팩토리 하라고? ( 거 참..머 할라고 저렇게 한데??? .. ㅡㅡ;;) 코딩님..헬프용. ㅜㅜ;;;

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
bluescreen 댓글 1 좋아요 0 조회수 89

자료 Git Source 주소 ??

미해결

실무 중심! FE 입문자를 위한 React

survey-pie 코드 .. 404...error 입니다. 딱 1년 만에 이 강의 들으려고 왔는데... 흐음.. (요즘 트랜드..리액트 버전이나... 암튼... 자료 , 강의는 업데이트 되고 있나요? 종종..수정해서 올리는 강의를 본적이 있어서..) 암튼..주속 확인 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
bluescreen 댓글 1 좋아요 1 조회수 97

교육자료 소스 바로 실행시..

미해결

실무 중심! FE 입문자를 위한 React

안녕하세요 문의드립니다. 일단 제공해 주신 소스를 풀어서 실행을 해 보았습니다. (당연히 npm i...관련 module 설치 하고요) 터미널: npm run start를 실행하면 위와 같은 화면만 나오네요. 그리고 개발자 도구 내용을 보면 index.tsx ? .. 소스상에 파일이 없는데 궁금합니다. 일단 실행이 해서 개발 완료된 화면을 보고자 합니다. 실행하기 전에 선행 작업있나요? (각 확장프로그램..등... ) 가이드를 봐도 내용이..(제가 못찾은 건지.) 설명 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
bluescreen 댓글 1 좋아요 0 조회수 115

교육자료 소스 바로 실행시..

미해결

실무 중심! FE 입문자를 위한 React

안녕하세요 문의드립니다. 일단 제공해 주신 소스를 풀어서 실행을 해 보았습니다. (당연히 npm i...관련 module 설치 하고요) 터미널: npm run start를 실행하면 위와 같은 화면만 나오네요. 그리고 개발자 도구 내용을 보면 index.tsx ? .. 소스상에 파일이 없는데 궁금합니다. 일단 실행이 해서 개발 완료된 화면을 보고자 합니다. 실행하기 전에 선행 작업있나요? (각 확장프로그램..등... ) 가이드를 봐도 내용이..(제가 못찾은 건지.) 설명 부탁드립니다.

  • react
  • redux
  • node.js
  • sass
  • swr
bluescreen 댓글 1 좋아요 0 조회수 84

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

전역상태 관리 선택 기준

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

안녕하세요. 아직 Zustand강의 까지 보지는 않았는데, 전역 상태 관리 방법으로는 Redux Toolkit, Context API, Zustand 이렇게 세 가지가 있는 것 같습니다. 결국 이 세 가지 모두 전역으로 상태를 관리한다는 점에서는 비슷해 보이는데, 나중에 제가 프로젝트를 할때 이 중에서 어떤 기준으로 선택하는 게 좋은지 궁금합니다.!

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
JEOUNG WOOYOUNG 댓글 2 좋아요 0 조회수 134

tailwind 설치 명령어 관련 질문

해결됨

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

안녕하세요! 강의 노션에서는 이렇게 나와있는데 npx tailwindcss init만으로는 tailwind.config.js만 설치되고, postcss.config.js는 설치가 안되는 게 아닌가요? npx tailwind init -p 명령어를 사용해야 하는지 여쭤보고 싶습니다! 그리고 위 두 명령어만 입력해서 tailwind를 사용하려고 하니 에러가 떠서 찾아보니까 Vite가 postcss.config.js 읽다가 autoprefixer 플러그인을 불러오려고 했는데 , 프로젝트에 autoprefixer 패키지가 설치되어 있지 않아서 터진 거야. 라고 하더라구요 npm install -D tailwindcss@3이 아니라 npm install -D tailwindcss@3 postcss autoprefixer 이 명령어를 사용해야 한다고 해서 사용해보니 에러가 해결된 상태입니다. 노션에 적혀있는 명령어와 달라서 여쭤봅니다! npm install -D tailwindcss@3 postcss autoprefixer npm install -D taiㅇindcss@3 postcss autopnpm install -D tailwindcss@3 postcss autoprefixerrefixer

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
seohyeon kim 댓글 2 좋아요 0 조회수 98

미션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 조회수 109

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 조회수 194

안녕하세요 7.4 이미지업로드구현하기2 질문드립니다.

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

createPostWithImages에서 Promise.all로 이미지 업로드가 되는데 Promise.all은 순서 보장이 되나요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
이동훈 댓글 3 좋아요 0 조회수 130

회원가입 시 엑세스 토큰이 localStorage에 자동으로 저장이 안됩니다.

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

현재 토큰을 제대로 받아오는 것을 확인했지만 local storage에 들어가서 확인을 해보면 아무것도 없습니다! session storage에도 확인해 봤는데 여기도 저장이 안 되어 있습니다 제가 직접 access token을 local storage에 저장하려고 시도하다가 회원가입 성공 시 data에 session이 null이 나오는걸 확인했습니다. 그래서 local storage setItem해서 저장을 할 수가 없는걸까요? authorization에 access token이 담겨오는데 왜 session에는 null이 뜨는지 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
다하자 댓글 2 좋아요 0 조회수 99

참고 소스 질문

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

이번 강의를 통해 만든 소스를 github에 있나요? 있으면 링크 알려주세요.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
kopti 댓글 2 좋아요 0 조회수 68

강사님 오타 있음요

미해결

코드로 배우는 React 19 with 스프링부트 API서버

PPT - 11page 2장 max.jsx => main 아닌가요? ( 강의 영상이라..수정이.. 암튼 그러핟고요_ 예전에 제가 "코드로 배우는 스프링 웹 프로젝트" (개정판) ..ㅋㅋ 도서에도 오타 잡는 취미가 있었다는 ㅎㅎㅎ ^^ 다른 분이 찾으셨다면.. . .. 중복 Q&A 문의 죄송합니다.

  • react
  • typescript
  • spring-boot
  • jpa
  • jwt
bluescreen 댓글 2 좋아요 0 조회수 116

인기 태그

인프런 TOP Writers

주간 인기글