inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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

미해결

실무 중심! 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 조회수 135

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

플랜 및 비용 질문

미해결

클로드 코드 완벽 마스터: 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 조회수 118

No 1. 교제(ppt) soruce 복붙 문제 의 건

미해결

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

안녕하세요 강의 잘보고 있습니다. 문의 내용이 있어서요 강의 내용중 소스내용이 많아 강사님 말씀처럼 자료에 있는 소스를 복붙하고 있는데요 문자 인코딩 (PPT와 vscode) 문제인지 복붙을 하고 보면 위와같이 붉은색으로 표시가 되는데 (일반 import를 안해서 생기는 line 말고요) 강의 화면을 보면 같은 증상으로 누구는 한글 에 노락 박스로 나타난다고 하는데 vt 및 저는 한글이 아니어도 같은 증상입니다. 라인 맨앞에 노락박스로 탭표시가 되는데 소스 가독에 상당히 힘들어서요. AI 말로는 위와같이 설정해도 같은 증상이고 저 내용에 "직접 삭제" ? ...ㅡㅡ (하나하나? 라인 마다?) 혹시 강의교안이나 다른데서 받아 올수 없나요? 아 git에서 다운로드 받을 수있는지요? (죄송합니다. 있으면 제가 아직 못찾은듯요..) 강사님... 급해결 요청드립니다. 아~ 너무 보기 힘드네요 ★ 앗! 지금 보니까 강사님 소스 작성할때는 잠깐 나타나따 사라지네요? 말씀드렸지만... 위 AI 내용데로 ..설정햇는데.. 구글링에도 같은소리만..ㅡㅡ; 저만 그런가요..?

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

No 1. 교제(ppt) soruce 복붙 문제 의 건

미해결

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

안녕하세요 강의 잘보고 있습니다. 문의 내용이 있어서요 강의 내용중 소스내용이 많아 강사님 말씀처럼 자료에 있는 소스를 복붙하고 있는데요 문자 인코딩 (PPT와 vscode) 문제인지 복붙을 하고 보면 위와같이 붉은색으로 표시가 되는데 강의 화면을 보면 같은 증상으로 누구는 한글 에 노락 박스로 나타난다고 하는데 vt 및 저는 한글이 아니어도 같은 증상입니다. 라인 맨앞에 노락박스로 탭표시가 되는데 소스 가독에 상당히 힘들어서요. AI 말로는 위와같이 설정해도 같은 증상이고 저 내용에 "직접 삭제" ? ...ㅡㅡ (하나하나? 라인 마다?) 혹시 강의교안이나 다른데서 받아 올수 없나요? 아 git에서 다운로드 받을 수있는지요? (죄송합니다. 있으면 제가 아직 못찾은듯요..) 강사님... 급해결 요청드립니다. 아~ 너무 보기 힘드네요

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

강의 보다가 궁금한점 남깁니다.

해결됨

100% 비개발자 바이브 코딩: 앱 200개로 월 140만 수익 노하우

안녕하세요. 좋은 강의 감사합니다. 강의를 듣다 몇가지 의문이 있어 글을 작성합니다. 애드몹 광고는 비공개 테스트시에도 적용을 해야하나요. 비공개 테스트시에도 애드몹광고를 추가한 상태에서 진행해야하나요? 비공개 테스트가 완료된 상태에서 애드몹광고를 추가하고 출시가 가능한가요? 비공개 테스트시에는 애드몸광고를 넣지않고 앱을 개시할때 추가해도되나요 애드몹 공고로 등록한 모바일 폰은 비공개 테스트 시 12개중한개의 모바일폰에 포함되나요.

  • python
  • flutter
  • chatgpt
  • claude
  • 바이브코딩
이승섭 댓글 1 좋아요 2 조회수 143

interactive Question 기능 질문

미해결

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

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

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

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

커서 UI가 강의내용과 다릅니다.

미해결

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

캡쳐사진과 같이 강의내용과 커스 UI가 다릅니다. 그리고 저는 ctrl+esc를 눌러도 claude code가 동작하지 않습니다. 클로드코드는 정상적으로 설치하여 이전 미션까지 완료했습니다. 어떻게 해결하면 좋을까요?

  • cursor
  • claude
noodle 댓글 2 좋아요 0 조회수 193

인기 태그

인프런 TOP Writers

주간 인기글