inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

DOM 트리 보는 곳

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

크롬 개발자 도구에 있는 Elements 탭이 DOM 트리라고 봐도 되나요?

  • javascript
  • dom
Sec 댓글 1 좋아요 0 조회수 118

이 강의 학습 자료는 어디에서 받을 수 있나요?

미해결

실전 AI SaaS 풀스택 개발: 화상채팅 앱 만들기

학습 안내에는 아래와 같이 되어 있는데, 이제 강의를 몇 개 안들어서 못찾는것 같기도합니다. 강의 파일 어디에서 받을 수 있는지 알려주세요. 😃 수강 전 확인해주세요! 📢 이 강의는 Code with Antonio 유튜브 채널에도 공개되어 있지만, 실제로 클론코딩을 완성하려면 유료 학습자료가 꼭 필요합니다. (전체 코드베이스, 설정 파일, 구조화된 컴포넌트 포함) 💬 오직, 인프런 강의에서만 제공됩니다! 13시간의 긴 영상을 체계적인 커리큘럼으로 나누었습니다. 원하는 부분을 빠르게 찾아 학습하고 언제든 편하게 복습할 수 있어요. 영어가 낯설어도 걱정 마세요! 한국어 더빙이 제공돼서 편하게 들을 수 있어요. 배운 내용, 그냥 넘기지 마세요 🙂 중간중간 AI 퀴즈로 재미있게 복습해볼 수 있어요!

  • react
  • next.js
  • tailwindcss
  • saas
  • ai-agent
bj 댓글 1 좋아요 0 조회수 109

sonnet 4.0, 4.5에서 실행이 안됩니다

미해결

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

초보개발자 입니다. 지금 sonnet 3.5가 없어서 4.0~4.5 설정해서 프롬프트 올리는데 에러가 난건지 반응이 없습니다. 제미나이로 하면 실행이 되는데 예제를 따라 할 수가 없네요

  • firebase
  • next.js
  • vercel
  • cursorai
  • 바이브코딩
이충현(Two L.J.Y) 댓글 1 좋아요 0 조회수 103

강의 들으면서 궁금한 부분 질문드립니다.

미해결

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

여기에 질문드리면 되는걸까요? 아니면 다른 곳에 따로 질문드리는걸까요? 질문 1. 꼭 하나의 폴더를 먼저 만들어서 열어준 다음 'npx create-next-app@14 프로젝트 이름' 이렇게 폴더 내에 폴더를 만들어서 새로 만든 폴더를 열어서 작업해야 하나요? 아니면 그냥 vs code켜서 'npx create-next-app@14 프로젝트 이름' 바로 쳐서 그 프로젝트에서 바로 시작하면 되나요? 질문 2. 꼭 const router, const {q}로 해야 하나요?, 그 이유도 궁금합니다. 방금 let으로 {q} 선언하니까 오류가 발생했어서 질문드립니다. 질문 3. [[...id]].tsx 에러를 방지하기 위해 기본적으로 대괄호 두번 쓰는게 일반적인가요? 질문 4. search안에 index.tsx라고 파일명을 지었는데, 일반적으로 pages 폴더 하위 폴더를 만들면 그 안에는 무조건 index.tsx라고 파일명을 설정하나요? 그리고 쿼리 파라미터를 받는 동적 url인 경우에만 해당 쿼리 파라미터 이름을 대괄호 안에 적는건가요? 그리고 다중으로 쿼리 파라미터 설정을 할 것을 대비해서 일반적으로 ... 설정을 하는지도 궁금합니다. 질문 5. 404페이지는 보통 이미지로 많이 설정하는데 그럼 export default하고 그 안에 이미지 url을 불러오는건가요? 이미지는 어느 폴더에 보관하는건지 궁금합니다. 질문 6. export default function Page() {}에서 Page는 Pages 안에 들어있는 Page니까 관용적으로 Page를 사용하는건가요? 질문 7. 보통 export default 이렇게 다 작성하는지 아님 자동완성 템플릿을 설정해놓고 사용하는지도 궁금합니다.

  • next.js
감자깡 댓글 1 좋아요 0 조회수 148

전체적으로 프롬프트로 나온 결과값이 너무 달라요.

해결됨

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

전체적으로 프롬프트로 나온 결과값이 너무 달라서 그냥 우선 강의를 듣고 잇긴한데 cursor 버젼때문인지.. Sonnet버젼 4로 시도했는데 실행이 안되서 auto로 그냥 자동 AI툴 돌려서 했더니 강사님이랑 결과값이 너무 품질이 떨어지는 결과가 나오고. pro로 업그레이드 해야 할지.. 이게 씽크가 어느정도 맞아야 진도를 맞출거 같은데 말이죠. 어떻게 해야 하나요??

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

[문의] Statusline

미해결

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

안녕하세요 첨부 이미지와 같이 statusline을 설치했는데 프로젝트명과 모델명이 안 보입니다. 혹시 해결방법을 알려주실 수 있으실까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
read.eun77 댓글 2 좋아요 0 조회수 186

Header 컴포넌트 리렌더링 질문

미해결

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

안녕하세요 Header.jsx 수정중 궁금한점이 있어서 질문드립니다! new Date() 함수는 날짜를 가져오는 함수라 리렌더링이 계속 될것같은데 memo 를 사용하면 리렌더링이 안되는건가요 ??

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

[제보] 섹션4 퀴즈 내 파일명 오타

미해결

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

안녕하세요. 현재 섹션4까지 학습하고 퀴즈를 풀었는데, 퀴즈에 파일명이 잘못되어 있어 제보합니다. CLAUDE.md 인데 cloud.md 라고 퀴즈에 나오네요. (아래 캡쳐된 2개의 문항에 이렇게 나옵니다) 학습 자체에 큰 지장은 없지만, 그래도 알려드립니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
이정훈 댓글 2 좋아요 0 조회수 100

안녕하세요 강의 완강했습니다.

미해결

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

강의 감사합니다. 강의자님의 포트폴리오를 보면서 얼마나 많이 노력하셨는지가 보입니다 -- 공유해주신 포트폴리오를 제 상황에 맞게 하려고 하는데요 ! 질문이 있습니다. 저는 대회를 나간 경력이없고 신입이라 그런지 공유해주신 포폴에 무엇을 쓰면 좋을지 조언듣고 싶습니다. 음 제 지금 상황은 비전공자이고,, react.js 블로그 포폴 하나 혼자 강의 보면서 만들었는데 어떻게 어필하면 좋을까요 .. 자기소개서는 포트폴리오에 올리지 않는게 좋을까요 ? 방향잡기가 쉽지가 않네요

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
서경진 댓글 2 좋아요 0 조회수 143

통합 테스트에서 API 요청에 대한 검증은 이루어지지 않아도 괜찮을까요?

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

FE에서 모킹을 포함한 통합 테스트를 진행할 때, API 요청 전까지의 동작 API 요청 API 응답 API 응답에 따른 화면 변환 1, 4는 테스트에서 주로 다루고 있고, 3은 모킹으로 처리하고 있는데, 2번의 경우, 예를 들어 화면에서 필터로 { name: "apple", limit: 10 } 를 설정하고 요청이 발생했으면, request의 parameter에 이런 요청이 도달했다는 것 까지 검증하면 좋을지가 궁금합니다. 생성/삭제/수정과 같은 API가 포함된 경우 동일 GET API라도 다른 응답이 반환되어야 되는 경우가 있어, 해당 테스트 시 응답 자체를 override해서 모킹하여서 작성하였는데, 이 경우 사실상 API 응답과 API 응답에 따른 화면 변환은 테스트가 성공하는 채로 고정하는데, 실제 요청이 올바르게 이루어졌는지는 검증하지 못하는 것 같아서요.

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
Seunghyun Kim 댓글 2 좋아요 0 조회수 105

Cursor 에서 Claude Code 실행후 콘솔 입력

미해결

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

24강 강의 관련, 몇가지 추가 문의드립니다. 윈도우에서 Cursor 에디터 실행후, Ctrl+ESC 했을때, 강의화면과 같이 우측에 Clause Code 가 열리지 않네요. 단축키를 설정해야 할까요? (24강 4분 15초 강의화면) Cursor 에디터 실행후, Terminal 창을 열고, claude 실행한 이후 콘솔 입력은 정상적으로 동작합니다. 그런데, Cursor 에디터 오른쪽 메뉴를 통해 "Claude Code:Open" 을 실행했을때는 챗 화면만 보이고, 강사님 강의 화면처럼 Claude 콘솔 입력 화면은 안나오네요. (24강 4분 21초 강의화면) 아래 화면에서 Anthropic Consol 선택후 로그인 시도시, $5불 추가 팝업이 뜨는데, 이 비용을 지불하면 강사님 화면처럼 볼수 있는 걸까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
붉명 댓글 2 좋아요 0 조회수 986

서버 배포 에러입니다.

해결됨

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

Vercel에 서버 배포 후 api를 호출하면, 404에러가 뜹니다 ㅠㅠ 코드는 바뀐게 없어서, 로컬에서 api 호출은 잘되는데, 배포만 하면 안되네요... swagger도 배포사이트에서는 안되는게 맞을까요? 로컬에 있는 코드랑 바꾼거없이 그대로 배포했는데 로컬에서는 swagger도 접속 잘됩니다. 혹시 .env에 있는걸 setting에서 직접 입력해줘야 하나요? 확인해보니 배포된 서버 네트워크에서 스웨거로 접속하면 다음과 같이 번들파일과 css를 불러올 때 404에러가 발생합니다... 아래는 배포된 서버 url입니다. https://onebite-books-server-three-tau.vercel.app/

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

1-7 강의 PreToolUse부분 관련 질문입니다

해결됨

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

{ "hooks": { "SessionStart": [ { "hooks": [ { "type": "command", "command": "npm install && echo '✅ 의존성 설치 완료'", "timeout": 300 } ] } ], "PreToolUse": [ { "matcher": "Edit|Write|Create", "hooks": [ { "type": "command", "command": "bash .claude/hooks/security-check.sh" } ] } ], "PostToolUse": [] } } 실습을 따라하는 중에 src/config.ts 파일을 만들고, const MY_API_KEY = "password-12345ABCDEFG"; 라는 내용을 넣어줘.라는 요청을 진행하면 강의처럼 차단이 되는것이 아닌 src 폴더에 config.ts가 생성되어 집니다 어느 부분이 잘못된걸까요?

  • spring-boot
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
크하함 댓글 3 좋아요 1 조회수 198

토큰 사용 "Limit reached"

해결됨

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

25강 "프로필 웹사이트" 앱을 구현하는 중에 "Limit reached" 코멘트와 함께 더이상 강의를 진행하지 못했네요. claude 실행후 plan 모드에서 "프로필 웹사이트" 앱 만들기를 처음 시도시, '배포' 단계(무려 7단계) 까지 언급되길래, 단계를 줄였습니다. 이후, 개발 환경 (npm 인스톨, 로컬 서버 실행...) 단계가 언급되고, SNS 코드 포함하여, 앱을 만드는 과정 등에서 html 코드를 무려 800줄 가까이 만들고, 파일을 분리하고 html 을 python 과 연계하는 코드까지 만들더니 limit 에 도달해서, "프로필 웹사이트" 앱을 완성하지 못했습니다. ㅠㅜ claude pro 구독해서 사용중입니다. 강의 과정의 앱 만들기는 사실 개념 이해 및 실습이 중요할거 같은데, "프로필 웹사이트 만들어줘:" 보다는 좀 더 구체적으로 프롬프트 입력을 통해 간단한 앱을 만들수 있도록 유도되면 좋겠습니다 ㅠㅜ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
붉명 댓글 2 좋아요 0 조회수 240

클로드 Extention

미해결

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

안녕하세요! 강의와 같이 esc + Ctrl 눌러도 클로드 터미널이 즉시 안 열리고 강의와 같이 오른쪽 위에 클로드 로고도 보이지않습니다. 익스텐션은 활성화되어있는 걸 확인했습니다. 고치는 방법이 있을까요? 일단 클로드를 직접 터미널에서 열어 사용중입니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
은석 댓글 2 좋아요 1 조회수 260

10.3 TodoItem 부모 재랜더링

해결됨

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

강의 10.3에서 TodoItem.jsx의 onchange 이벤트가 발생할때마다 부모도 같이 재랜더링 되는것 같아서요. 제가 짠 소스도 참고해보시면 부모 태그들에 각각 재랜더링이 될때마다 로그를 찍어봤는데 다 찍혀서 로그 찍는 시점이 잘못된건지 React dev tool이 이상한건지 제가 코드를 잘못 친건지 모르겠어서 질문 드립니다. https://github.com/Joonsby/one-bite-react/tree/master/section10 코드는 위에 링크에 올려놨으니 참고해주시면 될것 같습니다.

  • javascript
  • react
  • node.js
flamewizkey 댓글 2 좋아요 0 조회수 66

todoPagingCP.tsx에서

미해결

Next.js with Spring Boot

todoPagingCP.tsx에서 Link로 페이지 동적으로 만들었는데 페이지 클릭때마다 const res = await fetch( `http://localhost:8080/api/todos/list?page=${page}` ); todo/list/page에 있는 이코드가 실행이 되는건가요?

  • javascript
  • react
  • spring-boot
  • jpa
  • next.js
오일중 댓글 1 좋아요 0 조회수 74

클로드 아이콘 안 보임 문제

미해결

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

안녕하세요 조코딩님 클로드코드 확장프로그램은 자동으로 설치되어있는데 영상에 보이는 우측 상단의 클로드모양 아이콘은 안 보이네요. 혹시 지금 서비스가 되는지 확인해주실 수 있으실까요? LLM기반이 다시 없어진건지 궁금합니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
은석 댓글 1 좋아요 0 조회수 514

배열과 객체의 구조분해할당 방법이 다른 이유

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

// 배열 구조분해할당 const arr = ['a', 'b', 'c']; const [first, second] = arr; // 객체 구조분해랃당 const obj = { name: 'Kim', age: 25 }; const { age, name } = obj; 배열과 객체의 구조분해할당 방법이 다른 이유가 뭔가요? 구조분해할당 시 배열은 순서가 중요하고 객체는 이름이 중요한건가요? 만약 그렇다면 배열은 인덱스 기반 접근이라 순서가 중요하고, 객체는 키 기반 접근이라 키(이름)이 중요한건가요?

  • javascript
Sec 댓글 2 좋아요 0 조회수 119

font.html azure blob에 다시 올려줘야하는거 맞을까요?

미해결

Azure Native로 나만의 GPT 만들기

먼저 유사한 질문이 있었는지 검색해보세요. 꼭 강의와 관련된 질문이 아니더라도, 최대한 답변해드리겠습니다. 건의사항도 괜찮습니다. 편하게 질문해주세요! 9:38에 html 소스 바꾸고, 다시 blob service에 다시 9:38에 변경한 소스파일을 다시 업로드해야하는거 맞을까요..?? 해당 작업을 해야되는게 맞다면 제 컴퓨터에서 수정했을 때 blob service에 수동으로 안올리고 자동으로 올려지게 하는게 ci/cd???같은건가요...?

  • javascript
  • python
  • mongodb
  • azure
  • FastAPI
지늬 댓글 1 좋아요 0 조회수 68

인기 태그

인프런 TOP Writers

주간 인기글