inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

텔레그램 트리거 문제

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

안녕하세요 https로 연결했는데 왜 텔레그램 리스닝 상태가 안될까요?

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
김충환 댓글 2 좋아요 0 조회수 88

8.5) Read = 투두리스트 렌더링하기

미해결

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

안녕하세요. 투두리스트 렌더링하기에서 TodoItem에 key를 넣지 않았을때 웹브라우저에서 에러가 발생하고, 강의 화면에 vscode에서도 보면 해당 소스코드 위치에 Missing "key" prop for element in... 이라고 나오는데, 제 경우에는 소스코드 위치에 Missing "key" prop for element in... 이라는 내용이 나오지 않습니다. Eslint 플러그인도 설치했고, 아래와 같이 설정 했는데, 무슨 차이 때문에 이런 현상이 생기는 걸까요? rules: { "no-unused-vars": "off", "react/prop-types": "off", }, 그래서, 검색을 좀 해보았고 rules에 아래와 같이 내용을 추가해 봤는데도, Missing "key" prop for element in... 이 내용이 나오지 않습니다. rules: { "no-unused-vars": "off", "react/prop-types": "off", "react/jsx-key": "true", }, 참고로 저의 package.json은 아래와 같습니다. { "name": "section08", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "react": "^19.1.1", "react-dom": "^19.1.1" }, "devDependencies": { "@eslint/js": "^9.33.0", "@types/react": "^19.1.10", "@types/react-dom": "^19.1.7", "@vitejs/plugin-react": "^5.0.0", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", "globals": "^16.3.0", "vite": "^7.1.2" } }

  • javascript
  • react
  • node.js
eachan 댓글 5 좋아요 0 조회수 153

live server가 안 떠요..

미해결

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

저 이 화면에서 open with live server 를 눌렀는데 이 화면이 떠요.. 저 그러고 혹시 강의 마지막 부분만 보고도 앱을 만들 수 있나요?

  • HTML/CSS
  • javascript
  • aws
  • git
  • mysql
  • rest-api
  • github
samsuni680 댓글 1 좋아요 0 조회수 111

스팸분류워크플로우-set flags 노드 관련 질문

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

안녕하세요 강의 잘 보고 있습니다. 다름이 아니라, set flags 노드가 읽음 처리하는 역할을 수행한다면 해당 로직은 거기서 마무리하고 set 노드만 다음 단계로 넘기면 되지 않나요? merge 에서 combine 하니까 11개 받은 이메일이 121개로 증폭되는데 의도가 있으신가 해서 여쭈어봅니다..! (스크린샷은 2개의 메일을 가져온 상황의 로직입니다)

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
정동진 댓글 3 좋아요 0 조회수 85

깃 권한 신청

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

깃 권한 신청했는데 처리가 안된거 같습니다

  • javascript
  • vue.js
컴프로 댓글 1 좋아요 0 조회수 71

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

좋은 강의 잘 듣고 있습니다. 다름이아니라, 이전 강의들에 에러들을 다 해결해서 80강을 듣기 전 까지 상품 상세 페이지 구현 후, 상품 상세 페이지 보기까지 에러 없이 잘 되던 것이 80강을 듣고 코드를 작성 후 부터 ' 상품 상세 페이지 ' 가 뜨지를 않고 있습니다. 아래 사진 첨부 합니다. 사진 1. 아래 사진으로 DB Browser for SQLITE에서 이미지를 작성 해 준 뒤 일단 이미지는 잘 받아 옵니다. 참고로, 사진 1 은 VS CODE 폴더(GRAB-MARKET-SERVER)에서 server.js에 소스 order : [['createdAt','DESC']], 입력을 일단 개인적인 이유로 빼었기 떄문에 , 판매되는 상품 에 순서가 바뀌어 있습니다. order : [['createdAt','DESC']] 을 넣게 된다면 상품 순서는 축구공,농구공,키보드,키보드로 화면에 나타나는데요 , 아래 사진과 같아요. 제일 먼저 축구공을 누르게 되면 localhost:3000/products/4라고 뜨기에요, 원래 제대로 되려면, 축구공을 누르면 localhost:3000/products/1로 되어야 하는거 아닌가요? 그리고 위 첨부한 사진 보면 왼쪽과 같이 에러가 발생하는데요, 어떻게 해야 제대로 작동 할까요? 그리고 잘못 소스코드를 입력하고 실행하다보니 키보드가 2개 생성 되었습니다만 , 이것 을 하나만 남기고 싶은데 어떻게 해야 하는지요? -->DB Browser for SQLite에서 삭제하는 방법이 있나요? 위에 사진 1에서 가장 마지막인 4번째의 축구공을 누르면, 위와 그리고 아래와 같은 에러가 발생하며 상품 정보 상세 페이지 . 즉 상품 정보를 받고 있습니다... 만 그대로 멈춰있고 이전 강의 챕터에서 만든 것(상품상세페이지) 불러올 수 없게 되어 질문을 남깁니다. 즉 상품 정보 상세 페이지가 잘 만들어져서 그대로 에러 없이 잘 해왔는데, 에러가 나서 여쭈어봅니다. -추가 질문 : 상품 정보를 받고 있습니다... 페이지 경우는 POSTMAN 가짜 서버(=mock서버)에서랑 관련이 깊은 건가요? POSTMAN(=mock서버)에서 그랩님의 강의를 따라올때, 다른점들이 몇가지 있었는데요(몇가지 다른점은 에러가 있었습니다 .), 그래서 위 에러가 발생하는 건가요? 다른점이 발생한 경우라면 포스트맨 에러 스샷을 추가로 올리겠습니다. 그럼 봐주실 수 있나요? 아니라면 POSTMAN(=mock서버)과 관련 없이 우리는 Node 서버를 구축 했기에, Mock서버인 POSTMAN과 전혀 상관이 없는 건가요? [상품 상세 페이지] 불러오지 못하는 것은 만일 Node 서버의 문제이지, Postman과 상관 없다면,node 서버측에서는 무엇을 고쳐주거나 어떤 소스를 작성해줘야 에러가 해결될까요? 더불어서 79강 강의 2분 56초 부터 3분 32초 보면, POSTMAN 테스트 를 하는 부분이 나오는데, 여기서 아래 사진을 보면[왼쪽 메뉴 get product] Body 부분에서 그랩 강사님 화면과 다르게 뜨는데, 이것은 왜 그런건가요? 어떻게 해야 http://localhost:8080/products/1 , http://localhost:8080/products/2 , http://localhost:8080/products/3 을 제대로 작동하게 할 수 있나요? 마지막으로 [참고 사진]으로 POSTMAN의 잘 작동하는 [get products]사진 첨부해 봅니다. 어떻게 해야 이 모든 에러 를 해결 할 수 있을지에 대해 자세한 답변 부탁드립니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
isbcom1004 댓글 1 좋아요 0 조회수 181

Youtube Transcript 문제

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

안녕하세요 남박사님 유튜브 채널인데 자막과 srt가 안나오네요... 뭐가 문제일까요?

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
김충환 댓글 2 좋아요 0 조회수 118

init 함수 앞에 await

해결됨

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

App.js의 App 생성자 함수 안에서 호출하는 init()은 비동기 함수인데 앞에 await을 붙이지 않아도 되나요?

  • javascript
  • rest-api
  • spa
  • dom
여진석 댓글 2 좋아요 1 조회수 102

Mac os로 dock은 어떻게 설치하나요?

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

어떤 강의에 대한 질문인지 자세하게 알려주시면 답변을 드리는데 도움이 됩니다. 스크린샷 윈도우키 + 쉬프트키 + S(윈도우) 을 자세히 첨부하시면 답변 드리는데 많은 도움이 됩니다. 동영상 재생 관련 같은 인프런 서비스 관련 문의는 1:1 문의하기를 이용해 주세요. 맥북으로 하고있는데 windows만 설명해주시니깐 시작부터 dock설치에서 막히네요. n8n클라우드로 하려고 했는데 이 강의는 dock설치가 필수라고 하고 Mac os로 dock는 어떻게 설치해야하나요? windows만 설명해주셔서 시작부터 막혀서 어떻게 해야할지 모르겠네요. 만약 Mac OS로 설명이 없다면 환불 가능할까요? 몇시간전에 구매했고 강의 구매하는데 Mac os설명은 없다는 얘기가 없어서요.

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
댓글 2 좋아요 1 조회수 111

Variable Object 질문

해결됨

프론트엔드 마스터클래스

안녕하세요, 좋은 강의 감사합니다. 실행 컨텍스트 부분에서 궁금한 점이 있어서 질문드립니다. 강의에서 Variable Object를 설명해주셨는데, 제가 개인적으로 찾아본 자료들에서는 ES2015부터 실행 컨텍스트가 Lexical Environment, Variable Environment, this binding으로 구성된다고 나와 있더라고요. Variable Object는 그 이전 스펙에서 사용되던 용어인 것 같은데, 혹시 강의에서 이 개념을 선택해서 설명하신 특별한 교육적 의도가 있으셨을까요? 제가 아직 깊이 이해하지 못해서 그런데, 두 방식 중 어떤 것이 JavaScript 동작 원리를 학습하는 데 더 도움이 되는지, 또는 어떤 차이점들이 있는지 알려주시면 감사하겠습니다.

  • javascript
  • react
  • 함수형-프로그래밍
  • 객체지향
  • next.js
hans 댓글 1 좋아요 0 조회수 192

네이버이메일 구글 이메일 트리거 문제

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

안녕하세요 네이버와 구글 이메일 트리거가 계속 돌기만 합니다. contacts 만들기 전까지 전 동작이 이상없이 돌아갔는데 제가 뭘 만졌는데 모르겠는데 네이버, 구글 이메일 트리거 모두 계속 돌기만 합니다. 뭐가 문제일까요?

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
김충환 댓글 2 좋아요 0 조회수 88

MCP 구글캘린더 오류

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

MCP 서버 트리거에 구글 캘린더 걸어 두고 CHAT에 5월 6일 어린이날 다음날 이라는 제목으로 일정 등록 해달라고 했는데 구글캘린더가니 등록은 정상적으로 잘됩니다. 근데 5월 6일( 제목없음) 이렇게 등록이 됩니다. 어린이날 다음날 이라는 제목이 안들어 갑니다. 이런경우 무엇이 문제 인가요?

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
member 댓글 1 좋아요 0 조회수 70

google 인증 문제

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

안녕하세요... 전 단계 강의 잘 듣고 잘 따라하고 잘 작동되어 본 강의 왔습니다. 그러나 역시나 그냥 쉽게는 보내주길 않네요 ^^ 이번엔 Google인증 문제인데 이미 인증을 해 놓은 상태라 별 문제 없을거라 생각했는데 또 문제가 생긴 모양입니다. 보시면 ID는 선생님 내용과 같은데 비밀번호가 이상하게 나옵니다. 그래서 새로 비밀번호를 생성해 보았습니다. 복사 아이콘이 나와서 비밀번호를 복사해서 n8n으로 돌아가서 Google Contacts에 Secret를 붙였는데 액세스 차담됨으로 나오네요 참 쉽게 넘어가질 않네요 ^^ 해답 부탁합니다.

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
김충환 댓글 2 좋아요 0 조회수 134

mcp 연결 문제

해결됨

[인프런어워드 베스트셀러] 코딩 없이 AI 자동화 전문가가 되는 법, n8n 완벽 가이드

mcp 연결 오류가 납니다. Error in sub-node ‘MCP Client‘ Could not connect to your MCP server 라는데 분명 mcp 서버도 test step를 누르고 했는데 chat 노드가 있는 워크플로우에서 반응을 안합니다.

  • n8n
  • 인공지능(ai)
  • rag
  • ai-활용-(ax)
  • ai-agent
member 댓글 2 좋아요 0 조회수 177

몽고db security 설정

미해결

Do it! Node.js 프로그래밍 입문

15강 몽고DB설정하기 영상의 6분경 security 밑에 quickstart 메뉴가 안보이는데 아이디와 비밀번호 설정을 어떻게 해야하나요?

  • javascript
  • node.js
  • mongodb
  • express
202020943신홍근 댓글 1 좋아요 0 조회수 100

2.3강 18분 initial_state에서 오류가 납니다

미해결

LangGraph를 활용한 AI Agent 개발 (feat. MCP)

안녕하세요 langchain강의를 듣고 도움이 되어 langgraph 강의도 열심히 수강하고 있습니다! 2.2강의에서 알려주신 langsmith의 hub가 공식문서에는 client로 변경이 되어 그에 맞게 수정을 했습니다. from langsmith import Client from langchain_openai import ChatOpenAI LANGSMITH_API_KEY = os.getenv("LANGSMITH_API_KEY") client = Client(api_key=LANGSMITH_API_KEY) prompt = client.pull_prompt("rlm/rag-prompt", include_model=True) llm = ChatOpenAI(model = 'gpt-4o') 같은 방법으로 2.3 강에서도 # Create a LANGSMITH_API_KEY in Settings > API Keys from langsmith import Client from typing import Literal from langchain_core.output_parsers import JsonOutputParser client = Client(api_key=LANGSMITH_API_KEY) doc_relevance_prompt = client.pull_prompt("langchain-ai/rag-document-relevance", include_model=True) def check_doc_relevance(state: AgentState) -> Literal['generate', 'rewrite']: query = state['query'] context = state['context'] print(f'context == {context}') doc_relevance_chain = doc_relevance_prompt | llm #prompt를 활용해서 llm을 호출한다. response = doc_relevance_prompt.invoke({'question': query, 'documents': context}) print(f'doc relevance response: {response}') if response['Score'] == 1: return 'generate' return 'rewrite' 이런 식으로 진행하고 있습니다. 그래서 그런지 graph.invoke(initial_state)를 하면 이런 오류가 나는데 langsmith의 client 때문일까요? 아니면 다른 부분에 있는 걸까요?

  • 프롬프트엔지니어링
  • llm
  • ai-agent
  • langgraph
  • mcp
pwk0408 댓글 2 좋아요 0 조회수 121

공공데이타포탈에서 docx 파일의 크기

미해결

정부 AI 정책 시대! 바이브코딩으로 만드는 공공데이터 AI 서비스 (Google AI Studio)

안녕 하세요. 문의 드립니다 "조달청_나라장터 입찰공고정보서비스" docx 파일이 500페이지가 넘습니다. 테이블 목록수가 25개 정도 되는 정보입니다. 이것을 대화창에 넣을 수가 없는데 어떻게 처리하는것이 좋은가요 ? 개별로 나누기도 쉽지 않고 혹시 처리하는방법이 있다면 알려주세요. --감사 합니다--

  • 업무-생산성
  • 인공지능(ai)
  • ai-활용-(ax)
  • ai-agent
  • 바이브코딩
Oh 댓글 2 좋아요 0 조회수 89

e2e 테스트 CI , 서버비용

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 2부. 테스트 심화: 시각적 회귀・E2E 테스트

안녕하세요 e2e 테스트는 비용이 많이 들어서 어떻게 관리를 하는지 궁금합니다. - 파이프라인에서 매번 CI 에서 돌리기에는 서버나, 시간이 개발 생산성을 잡아 먹을 것 같은데요. 점점 e2e 테스트가 쌓여 나갈떄 어떤 전략을 취할 수 있는지 궁금해요. GPT로 리서치하니까 보통 2가지를 병행해서 스케줄러 + 온디맨드 실행 같이 관리 한다고 하는데, 실제 현업에서는 어떻게 활용하고 계신지, 제가 리서치한 내용 말고 더 효율적이거나, 추천할만한 전략 , 이외의 고려사항 소개해주실 수 있으면 알려주시면 감사하겠습니다. 스케줄 실행 (Nightly/주말 풀스윗) EventBridge → ECS Fargate RunTask (Spot 가능) → Playwright 러너 대상: 스테이징(or PR 프리뷰 URL) b. 산출물: 트레이스/비디오/리포트 S3 업로드, Slack에 요약/링크 온디맨드 실행 (PR 코멘트/수동 트리거) Bitbucket Pipeline에서 aws ecs run-task 호출(또는 ChatOps 슬래시 커맨드) 태그/폴더/샤드 인자 넘김 → 필요한 부분만

  • javascript
  • tdd
  • 소프트웨어-테스트
  • vitest
  • e2e
  • chromatic
여어 댓글 1 좋아요 0 조회수 97

npm 오류 해결법

미해결

바이브 코딩으로 만드는 재미있는 재무제표 (커서 ai)

npm 오류 코드 ENOENT 는 git 이 설치되지 않았거나 시스템의 환경 변수에 올바르게 설정되지 않았을 때 발생합니다. 이 오류는 npm 이 패키지를 설치하는 과정에서 git 을 사용하려고 했지만, 해당 실행 파일을 찾을 수 없었음을 의미합니다. 공식 Git 웹사이트( https://git-scm.com/)에서에서 ) Git for Windows 설치 파일을 다운로드하여 실행하세요. 설치 과정 중 "Adjusting your PATH environment" 단계에서 "Git from the command line and also from 3rd-party software" 옵션을 반드시 선택하세요. 이 옵션은 Git 실행 파일의 경로를 시스템 PATH에 자동으로 추가하여 npm 과 같은 다른 프로그램들이 git 을 사용할 수 있도록 해줍니다. 설치가 완료된 후, 기존의 터미널 창을 모두 닫고 새로 열어서 다시 npm 명령을 실행해 보세요. 저는 위와 같은 방법으로 해결했습니다... 이거 찾는데 몇일걸렸네요.. 그냥 미수료 하려다가 이주 늘어난김에 찾아봤습니다.

  • 프롬프트엔지니어링
  • 비즈니스
  • ai-활용-(ax)
  • ai-agent
  • 바이브코딩
teaspoon00 댓글 2 좋아요 0 조회수 241

hover pulse animation 관련해서 질문있습니다!

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.01

mouseenter 마우스 이벤트를 할때 pulse.start(); 대신 pulse.restart();로 처음시작하게 하는것처럼 실습 때 mouseleave 마우스가 벗어날 때 자연스럽게 하려면 pulse.pause(); gsap.to ('button',{scale:0.8,duration:0.4}) 두개를 사용해서 어색하지 않게 구현했는데요, pulse.pause(); gsap.to ('button',{scale:0.8,duration:0.4}) 대신 pulse.reverse();를 사용해도 동일하게 어색하지 않게 줄 수있는 효과인건가요? 차이점은 없는건지 궁금합니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
방가워요 댓글 2 좋아요 0 조회수 98

인기 태그

인프런 TOP Writers

주간 인기글